Flex 按钮添加图标

 

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

第二种是利用@Embed()和参数中指定图标的路径。

 1 <?xml version="1.0" encoding="utf-8"?>

 2 <s:Application xmlns:fx="http://ns.adobe.com/mxml/2009"

 3                xmlns:s="library://ns.adobe.com/flex/spark"

 4                xmlns:mx="library://ns.adobe.com/flex/mx"

 5                xmlns:local="*"

 6                width="354" height="274" minWidth="100" minHeight="200">    

 7    <fx:Script>

 8        <![CDATA[

 9            [Bindable]

10            [Embed(source="myLable/mypicture/audi.png")]

11            private var Icon:Class;

12            [Bindable]

13            [Embed(source="myLable/mypicture/bmw.png")]

14            private var Icon2:Class;

15        ]]>

16    </fx:Script>

17     <s:Button x="113" y="79"  label="奥迪汽车" icon="{Icon}"/>

18     <s:Button x="113" y="169"  label="宝马汽车" 

19               icon="@Embed('myLable/mypicture/bmw.png')"/>

20 </s:Application>

效果显示：