Используя картинки в качестве кнопок?

Question

Я разговаривал с моим другом, и он сказал мне, что можно создать изображение в редакторе изображений (gimp / photoshop) и затем использовать его в качестве кнопки. Он сказал, что так работают приложения с отличным графическим интерфейсом.

Он также сказал, что есть файл, описывающий, какие части изображения составляют кнопку.

Это возможно, или он "сумасшедший"? :)

Answer 1

Это необходимо уточнить на выбранном языке и т. Д. В целом большинство языков (WinForms, Java AWT / SWT и т. Д.) Имеют свойство изображения или фонового изображения, которое позволяет использовать изображения для кнопок. Есть даже скины, которые позволят вам легко и просто использовать изображения для всех элементов управления.

Если вы говорите о HTML, есть тип ввода кнопки, который позволяет использовать изображение в качестве кнопки для формы.

@ Vhaerun
CodeProject - хорошее место для поиска множества библиотек скинов. Я использовал этот давным-давно. Winamp является отличным примером приложения со скинами, где пользователи могут создавать свои собственные шаблоны, чтобы полностью изменить внешний вид приложения без изменения кода вообще. На самом деле, большинство медиаплееров имеют скины.

Answer 2

Вы не очень конкретизировали свой вопрос, поэтому никто не может дать вам однозначного ответа, но вот попытка сделать это, не унижая вас:

Довольно часто графические дизайнеры (использующие такие инструменты, как photoshop, gimp и т. Д.) Участвуют вместе с разработчиками для настольных и веб-приложений. Веб-приложения могут легко собирать информацию о том, когда на изображение нажимают, и часто люди либо создают кнопку с текстом в самом файле изображения, либо используют фоновые рисунки / границы с простым текстом сверху. По сути, не существует стандартного способа, которым это достигается в Интернете, но множество сайтов служат примером (попробуйте использовать Firebug с FireFox для проверки других сайтов и посмотреть, как они работают).

Если данное обстоятельство ориентировано на настольный компьютер, то ответ становится намного более сложным. Скининг выполняется разными способами, и, в зависимости от используемых платформ и библиотек, особенности реализации сильно различаются. В самых простых терминах, большинство структур GUI (таких как GTK, QT, Windows Forms, Windows Presentation Foundation) включают базовый элемент управления изображением, и этот элемент управления обычно может обрабатывать событие «Click», которое позволяет ему функционировать как кнопка, но если вам нужны разные состояния (нажатие, отключение и т. д.), вам придется вкладывать больше усилий в такие вещи; вы также не найдете этот метод подходящим для замены рендеринга всех кнопок в приложении, а скорее чем-то, что вы будете делать вручную для каждой из них, или напишите свой собственный пользовательский элемент управления кнопками, который использует ваши ресурсы специально.

С точки зрения файла, описывающего различные изображения, которые объединяются, как описано в файле, для переопределения рендеринга кнопки, это заставило бы меня поверить, что вы работаете с уже существующим приложением с возможностью скинов (например, Firefox или Winamp) или что он говорит о каком-то конкретном инструментарии пользовательского интерфейса. Мне не известно о том, что эта функция обычно доступна в большинстве распространенных инструментариев пользовательского интерфейса системного уровня.

В будущем вы, возможно, пожелаете быть более конкретными со своими вопросами.

Answer 3

Нет, он не сумасшедший, вы можете использовать изображения практически на всех инструментах с графическим интерфейсом вместо кнопок, они обычно являются изображением на кнопке, или в некоторых случаях вы можете поместить изображение на экран и назначить событие onclick для это.

Answer 4

Вы можете делать все что угодно, тем более что у вас нет ограничений по языку, окружающей среде и т. Д.

Answer 5

Если вы говорите HTML, вы можете использовать

Технические характеристики здесь

Answer 6

В HTML вы можете сделать:

<input type="button" src="/path/to/image.png" />

Альтернативно, назначение события onclick для изображения приводит к тому, что это изображение работает аналогично кнопке:

<img src="/path/to/image.png" onclick="function(){doSomething();}" />

Answer 7

Изображения, я думаю. Отдельный файл не описывает карту, все это часть HTML-документа.

http://www.w3schools.com/TAGS/tag_map.asp