Mar 17

Flex中给按钮设置icon图标的例子

FlexAdd comments

在按钮中嵌入icon图标有两种方法。第一种是在Flex应用中创建一个变量，利用[Bindable]和[Embed] ，在代码中以参数形式传入制定图标（icon）的路径，然后利用类似icon="{Icon}"的代码嵌入到按钮中。第二种是利用@Embed()和参数中指定图标的路径。

下面是具体的源代码：


Download: main.mxml
  1. <?xml version="1.0" encoding="utf-8"?>
  2. <mx:Application xmlns:mx="http://www.adobe.com/2006/mxml"
  3.         layout="vertical"
  4.         backgroundColor="white">                           
  5.  
  6.     <mx:Script>
  7.         <![CDATA[
  8.             [Bindable]
  9.             [Embed(source="assets/bug.png")]
  10.             private var Icon:Class;
  11.         ]]>
  12.     </mx:Script>                           
  13.  
  14.     <mx:Button label="[Embed(source='assets/bug.png')]"
  15.             icon="{Icon}" />
  16.     <mx:Button label="@Embed('assets/bug.png')"
  17.             icon="@Embed('assets/bug.png')" />                           
  18.  
  19. </mx:Application>
执行效果：
flex-button-icon
原文作者：Peter deHaan 翻译：minidxer

written by Minidxer  |  tags: , , , , ,

Related Post

2 Responses to “Flex中给按钮设置icon图标的例子”

Trackbacks

Leave a Reply