代码之家  ›  专栏  ›  技术社区  ›  Vhaerun

使用图片作为按钮?

  •  0
  • Vhaerun  · 技术社区  · 16 年前

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

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

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

    7 回复  |  直到 16 年前
        1
  •  3
  •   Chris Marasti-Georg Scott Weinstein    16 年前

    这需要用一种选择语言来澄清,等等。一般来说,大多数语言(WiFrices,Java AWT/SWT等)都有一个图像或背景图像属性,允许你使用图片来做按钮。甚至还有剥皮框架可以让您以一种易于定义的方式为所有控件使用图像。

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

    @ Vhaerun
    CodeProject 是一个可以找到很多皮肤库的好地方。我用过 this one 很久以前。 Winamp 这是剥皮应用程序的一个很好的例子,用户可以在不更改任何代码的情况下创建自己的模板来完全更改应用程序的外观。实际上,大多数媒体播放器都有某种剥皮功能。

        2
  •  2
  •   ScottStonehouse    16 年前

    您可以做任何事情,尤其是因为您在语言、环境等方面没有限制。

        3
  •  2
  •   user12770    16 年前

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

        4
  •  2
  •   TheXenocide    16 年前

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

    图形设计师(使用photoshop、gimp等工具)与开发人员一起参与基于桌面和Web的应用程序是很常见的。基于Web的应用程序可以很容易地捕获有关何时单击图像的信息,人们通常会使用图像文件本身中的文本来设计按钮,或者使用背景图片/边框,上面是纯文本。从本质上讲,在网络上实现这一点并没有标准,但是很多网站都是一个例子(尝试使用firebug和firefox来检查其他网站,看看它们是如何做到的)。

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

    对于一个描述不同图像的文件,如文件中描述的那样组合起来覆盖按钮的呈现,这将使我相信您正在使用一个已经存在的可跳过的应用程序(如firefox或winamp),或者他正在谈论一些特定的UI工具包。我不知道这个功能在大多数常见的系统级UI工具包中都是可用的。

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

        5
  •  1
  •   Joel Anair    16 年前

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

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

    或者,将onclick事件分配给图像会导致该图像的工作方式与按钮类似:

    <img src="/path/to/image.png" onclick="function(){doSomething();}" />
    
        6
  •  1
  •   Jacob    16 年前

    如果您说的是HTML,则可以使用<input type=“image”src=“myfile.png”/>

    规格 here

        7
  •  0
  •   Loofer    16 年前

    我想是图像地图吧。 没有单独的文件描述映射,它是HTML文档的一部分。

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