Flex: Как вы применяете стиль (из внешнего CSS) в init / конструкторе пользовательского компонента as3?

Question

У меня был собственный компонент MXML, который я преобразовал в чистый компонент AS3, расширяющий Canvas.Я взял стили, такие как альфа, цвет и т. Д., Из MXML и добавил их в файл .css в /src/assets/.

Мой вопрос заключается в том, как применить эти стили в пользовательском компоненте AS3, т.е.конструктор или init ()?

Я прочитал, что вы объявляете источник стиля только в вашем MainApp.mxml, используя <mx:Style source="assets/css/swimlaneStyle.css"/>.Если так, то как мне тогда применить это?

. Пример .css ниже

/* CSS file */

Canvas.roundedCanvasYellow{ 
    backgroundColor:#ffffcc; 
    cornerRadius:5; 
    dropShadowEnabled:true;
    dropShadowColor:#2A2929;
    borderStyle:solid;
    borderThickness:0; 
    backgroundAlpha:0.9;    
}

Answer 1

Должно быть так же просто, как и:

this.styleName = "roundedCanvasYellow"

(я использовал this. в своем примере, просто чтобы прояснить, вы обычно не включали бы это в свой реальный код).

Или когда вы создаете экземпляр своего компонента программно, выполните instance.styleName = "roundedCanvasYellow", или если вы создаете экземпляр в mxml, просто установите атрибут styleName как обычно.

Answer 2

Я думаю, что это хорошо работает, когда вы используете this.styleName="roundedCanvasYellow" вместо this.styleName="Canvas.roundedCanvasYellow".