User interface 使用图片作为按钮?

User interface 使用图片作为按钮?,user-interface,User Interface,我和一个朋友谈过,他告诉我,可以在图像编辑器(gimp/photoshop)中创建一个图像,然后将其用作按钮。他说这就是拥有优秀GUI的应用程序的工作方式 他还说,有一个文件描述了组成按钮的图像部分 这是可能的,还是他“疯了”?:) 你可以做任何事情,特别是因为你没有语言、环境等方面的限制。我想是图像地图。 没有单独的文件描述地图,它都是html文档的一部分 在HTML中,您可以执行以下操作: <input type="button" src="/path/to/image.png" /&

我和一个朋友谈过,他告诉我,可以在图像编辑器(gimp/photoshop)中创建一个图像,然后将其用作按钮。他说这就是拥有优秀GUI的应用程序的工作方式

他还说,有一个文件描述了组成按钮的图像部分


这是可能的,还是他“疯了”?:)

你可以做任何事情,特别是因为你没有语言、环境等方面的限制。

我想是图像地图。 没有单独的文件描述地图,它都是html文档的一部分

在HTML中,您可以执行以下操作:

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

或者,将onclick事件指定给图像会使该图像的工作方式与按钮类似:

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


不,他不是疯子,你可以在几乎所有的GUI工具上使用图像,而不是按钮,它们通常是按钮上的图像,或者在某些情况下,你可以将图像放在屏幕上,并为其分配onclick事件。

这需要用选择的语言来澄清,等等。一般来说,大多数语言都是如此(WinForms、Java AWT/SWT等)有一个image或background image属性,允许您为按钮使用图像。甚至还有一些蒙皮框架,允许您以易于定义的方式为所有控件使用图像

如果您谈论的是HTML,那么有一种按钮输入类型可以允许将图像用作表单的按钮

@Vhaerun

是一个查找大量蒙皮库的好地方。我很久以前就用过。这是一个很好的蒙皮应用程序示例,用户可以创建自己的模板来完全更改应用程序的外观,而无需更改任何代码。实际上,大多数媒体播放器都有某种类型的蒙皮可用。

如果你是说我的话你可以使用HTML


规格

你的问题不是很具体,所以没有人能给你一个明确的答案,但这里有一个不贬低你的尝试:

这对于图形设计师来说很常见(使用photoshop、gimp等工具)与桌面和基于web的应用程序的开发人员一起参与。基于web的应用程序可以轻松捕获有关何时单击图像的信息,人们通常会使用图像文件中的文本来设计按钮,或者使用顶部带有纯文本的背景图片/边框。就其本身而言,没有标准,关于如何在web上实现这一点,但很多网站都提供了一个例子(尝试将Firebug与FireFox结合使用,以检查其他网站并了解它们是如何做的)

如果手头的环境是面向桌面的,那么答案就变得复杂得多。蒙皮是以多种方式完成的,并且根据所使用的平台和库,实现细节会有很大的不同。最简单的说法是,大多数GUI框架(如GTK、QT、Windows窗体、Windows Presentation Foundation)包括一个基本的图片控件,该控件通常可以处理一个“点击”事件,这将允许它作为一个按钮,但如果您想要不同的状态(按下、禁用等)您将不得不在这方面投入更多的精力;您也不会发现这种方法适合替换应用程序中所有按钮的呈现,而是需要为每个按钮手动执行某些操作,或者编写专门使用您的资产的自定义按钮控件

就描述不同图像的文件而言,这些图像按照文件中的描述进行组合以覆盖按钮的呈现,这会让我相信您正在使用已经存在的可蒙皮应用程序(如Firefox或Winamp)或者他说的是某个特定的UI工具包。我不知道这种功能在大多数通用系统级UI工具包中普遍可用

将来你可能希望你的问题更具体一些