使用图片作为按钮?

时间:2020-03-05 18:56:20  来源:igfitidea点击:

我与我的一个朋友交谈,他告诉我可以在图像编辑器(gimp / photoshop)中创建图像,然后将其用作按钮。他说,这就是具有出色GUI的应用程序执行此操作的方式。

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

这可能吗,还是他"疯狂"? :)

解决方案

回答

我们可以做任何事情,尤其是因为我们不受语言,环境等方面的限制。

回答

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

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

回答

在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,则有一种按钮输入类型,可以将图像用作表单的按钮。

@沃伦
CodeProject是查找许多外观库的好地方。我很久以前用过这个。 Winamp是皮肤应用程序的一个很好的例子,用户实际上可以创建自己的模板来完全改变应用程序的外观而无需更改任何代码。实际上,大多数媒体播放器都具有某种外观。

回答

如果我们使用的是HTML,则可以使用<input type =" image" src =" myfile.png" />

这里的规格

回答

我们尚未非常明确地回答问题,因此没有人能够给我们确定的答案,但这是在不贬低情况下进行的一种尝试:

图形设计师(使用诸如photoshop,gimp等工具)与开发人员一起参与基于桌面和基于Web的应用程序是很普遍的。基于Web的应用程序可以轻松捕获有关单击图像的时间的信息,人们经常会在图像文件本身中设计带有文本的按钮,或者使用顶部带有纯文本的背景图片/边框。本质上,尚无关于如何在Web上完成此工作的标准,但是有很多站点作为示例(尝试将Firebug与FireFox结合使用以检查其他站点,并查看它们的工作方式)。

如果当前的情况是面向桌面的,那么答案将变得更加复杂。换肤是通过多种方式完成的,具体取决于所使用的平台和库,实现的细节也各不相同。用最简单的术语来说,大多数GUI框架(例如GTK,QT,Windows Forms,Windows Presentation Foundation)都包含一个基本的图片控件,并且该控件通常可以处理" Click"事件,这将使其充当按钮,但是如果我们想要不同的状态(受压,禁用等),我们将不得不在这种事情上投入更多的精力;我们也不会发现此方法适合替换应用程序中所有按钮的呈现,而是我们会为每个按钮手动进行操作,或者编写专门使用资产的自定义按钮控件。

就描述不同图像的文件而言,这些图像按照文件中的描述进行组合以覆盖按钮的呈现,这会使我相信我们正在使用的是可移植的现有应用程序(例如Firefox或者Winamp),或者说到一些特定的UI工具包。我不知道大多数常见的系统级UI工具包通常都提供此功能。

将来,我们可能希望更具体地回答问题。