Как использовать файл css для источника изображения в flex?

Question

У меня много иконок для приложения и теперь его встроенный в тег сценария например: в моем теге сценария у меня есть

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

    [Bindable] 

    private var saveIcon:Class; 

в моей гибкой компоненте:

<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?

Создать Класс и сохраните все свои активы там как статические переменные. Затем обращайтесь к ним со всех сторон.