Как сделать скин mx: Source через CSS?

Question

Например, можно встроить изображение ...

[Embed("myImage.png")]
public var myImage:Class;

и присвойте его свойству источника mx: Image следующим образом:

<mx:Image source="{myImage}" />

но что, если я хочу иметь возможность загрузить изображение из скомпилированного файла CSS, что-то вроде:

.myImage {some-property: Embed("myImage.png"); }

Какой самый простой способ присвоить стилизованное изображение такого типа свойству источника mx: Image?

Answer 1

Хорошо, я нашел решение:

Вы можете загружать изображения в компонент, например, в Spark Panel:

s|Panel {
    myImage: Embed(source="assets/images.swf", symbol="simple_image");
    myOtherImage: Embed(source="assets/images.swf", symbol="other_image");
}

и затем, когда вы меняете стили во время выполнения, вы можете реагировать на событие StyleEvent.COMPLETE:

var css:CSSStyleDeclaration = StyleManager.getStyleManager(null).getStyleDeclaration("spark.components.Panel");
var myImage:Object = css.getStyle("myImage");
var myOtherImage:Object = css.getStyle("myOtherImage");

Оттуда вы можете легко назначить эти стилизованные изображения для источника компонента mx: Image.