如何在flex中使用css文件作爲圖像源？

Question

我已經得到了很多的圖標的應用程序，現在它在 嵌入式腳本標記 例如：在我的腳本標籤我有

[Embed(source="/assets/icons/save_it_icon.png")] 

    [Bindable] 

    private var saveIcon:Class; 

在我的Flex組件：

<mx:Image id ="savePaneImg" source="{saveIcon}" 
     buttonMode="true" 
     toolTip="Save comments" 
     click="doSave();" /> 

我如何將這個圖像源移動到css文件，以便在不同的組件之間重新使用 ？

在此先感謝

Answer 1

source不是樣式屬性，你不能在CSS設置。相反，我建議你創建一個類，所有的圖像將被存儲。

[Bindable] 
public class IconManager { 

    [Embed(source="/assets/icons/save_it_icon.png")] 
    public static var saveIcon:Class; 

} 

用法：

<mx:Image id ="savePaneImg" source="{IconManager.saveIcon}" 
      buttonMode="true" 
      toolTip="Save comments" 
      click="doSave();" /> 

Answer 2

檢查這個代碼，這會幫助你....

public class IconSrc{ 
    [Embed(source="/assets/icons/save_it_icon.png")] 
    [Bindable] 
    private var _icon1:Class 
    public static function getSource(icon:String):Class{ 
    switch(icon){ 
    case "icon1": return _icon1;break; 
     . 
     . 
     . 
    } 
    } 
} 

<mx:Image id ="savePaneImg" source="{IconSrc.getSource('icon1')}" 
      buttonMode="true" 
      toolTip="Save comments" 
      click="doSave();" /> 

Answer 3

我建議你查一下這個帖子 Howto embed images in Actionscript 3/Flex 3 the right way?

創建將所有資產分類並存儲爲靜態變量。然後從全地方訪問它們。