使用图片作为按钮?

时间:2008-09-16 15:36:37

标签: user-interface

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

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

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

7 个答案:

答案 0 :(得分:3)

这需要用选择的语言等来澄清。通常,大多数语言(WinForms,Java AWT / SWT等)都具有图像或背景图像属性,允许您将图像用于按钮。甚至还有皮肤框架,可以让您以易于定义的方式使用所有控件的图像。

如果您正在谈论HTML,则有一种按钮输入类型,可以将图像用作表单的按钮。

@Vhaerun
CodeProject是找到大量皮肤库的好地方。很久以前我用this oneWinamp是皮肤应用程序的一个很好的示例,用户可以在其中实际创建自己的模板,以完全更改应用程序的外观,而无需更改任何代码。实际上,大多数媒体播放器都有某种皮肤可供使用。

答案 1 :(得分:2)

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

答案 2 :(得分:2)

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

答案 3 :(得分:2)

你对自己的问题并不十分具体,所以没有人能够给你一个明确的答案,但这是试图这样做而不会贬低你:

图形设计师(使用像photoshop,gimp等工具)与开发人员一起参与桌面和基于Web的应用程序是很常见的。基于Web的应用程序可以轻松捕获有关何时单击图像的信息,并且人们通常会在图像文件本身中设置带有文本的按钮,或者在顶部使用带有纯文本的背景图片/边框。关于如何在网上完成这项工作本身没有标准,但是有很多网站可以作为一个例子(尝试使用Firebug与FireFox一起检查其他网站,看看他们是如何做的)。

如果当前的情况是面向桌面的,那么答案会变得复杂得多。剥皮以多种方式完成,并且根据所使用的平台和库,实现细节变化很大。在最简单的术语中,大多数GUI框架(如GTK,QT,Windows Forms,Windows Presentation Foundation)都包含一个基本的图片控件,而这个控件通常可以处理一个“Click”事件,这将允许它作为按钮运行,但如果你想要不同的状态(按下,禁用等),你将不得不在这样的事情上投入更多的精力;您也不会发现此方法适合替换应用程序中所有按钮的呈现,而是您可以手动为每个按钮执行的操作,或者编写您自己的专门使用资产的自定义按钮控件。

就描述不同图像的文件而言,如文件中描述的那样组合以覆盖按钮的呈现,这将使我相信您正在使用已经存在的可修饰的应用程序(如Firefox或Winamp)或他说的是一些特定的UI工具包。我不知道大多数常见的系统级UI工具包中通常都可以使用此功能。

将来您可能希望对您的问题更加具体。

答案 4 :(得分:1)

在HTML中,你可以这样做:

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

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

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

答案 5 :(得分:1)

如果您正在谈论HTML,您可以使用&lt; input type =“image”src =“myfile.png”/&gt;

规格here

答案 6 :(得分:0)

我想是

图像地图。 没有单独的文件描述地图,它是html文档的全部内容。

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