Question

我需要动态地创建带图标的LinkBut​​ton。文件（图标）的名称格式为images/icon_0.png，images/icon_1.png，... images/icon_1000.png。但我不知道这个按钮的具体形象。我只知道图标的索引。

我试过了，没有成功：

var path:String = "@Embed(source='images/icon_" + imageindex + ".png')"; 
myButton.setStyle("icon", path); 

我得到一个运行时错误：

Type Coercion failed: 
*cannot convert "@Embed(source='images/icons/icon_427.png')" to Class* 

Answer 1

对不起这是行不通的。

由于imageindex是编译时变量，因此嵌入标记将触发错误消息。

为什么不重写按钮，并添加额外的属性，如'iconPath'，它将期望一个字符串路径而不是一个Class对象。这样你可以手动设置（在扩展按钮内）icon.source = iconPath而不必使用嵌入。

Answer 2

请试试这个。

<?xml version="1.0" encoding="utf-8"?> 
<s:Application xmlns:fx="http://ns.adobe.com/mxml/2009" creationComplete="application1_creationCompleteHandler(event)" 
      xmlns:s="library://ns.adobe.com/flex/spark" 
      xmlns:mx="library://ns.adobe.com/flex/mx" minWidth="955" minHeight="600"> 
<fx:Script> 
    <![CDATA[ 
     import mx.events.FlexEvent; 
     [Embed(source='icon_1.png')] 
     [Bindable] 
     private var linkButtonIcon:Class; 


     protected function application1_creationCompleteHandler(event:FlexEvent):void 
     { 
      lnkbutton.setStyle("icon",linkButtonIcon); 

     } 

     protected function button1_clickHandler(event:MouseEvent):void 
     { 

      [Embed(source='icon_2.png')] 
      var linkButtonIcon2:Class; 
      lnkbutton.setStyle("icon",linkButtonIcon2); 

     } 

    ]]> 
</fx:Script> 
<fx:Declarations> 
    <!-- Place non-visual elements (e.g., services, value objects) here --> 
</fx:Declarations> 

<s:VGroup> 
    <mx:LinkButton label="test" id="lnkbutton"/> 
    <s:Button label="change Icon" click="button1_clickHandler(event)"/> 
</s:VGroup> 

</s:Application>