[CSS] 스타일시트로 배열값을 받아 사용하기.


플렉스는 스타일시트로 많은 일을 할 수 있다.
그중 하나로 스타일프로퍼티로 배열값을 받아 보는 예제를 살펴보자.

.css
 

MyComponent{
from-colors: #EF7651; #EF7651, #AA0051;
}


MyComponent.as 
 

[Style(name="fromColors", type="Array", format="Color", inherit="no")]
var a:Array = this.getStyle("fromColors");

위와같이 작성한다면
MyComponent.as 에서는 " this.getStyle("fromColors"); " 문장으로  [#EF7651; #EF7651, #AA0051]
값들을 얻을 수 있다.

이 방법을 활용한다면
커스텀 컴포넌트나 어플리케이션을 만들때 CSS을 이용하여 소스수정을 하지 않고 많은 일을 할 수 있다.

* 단, 최대한 UI쪽으로만 활용하자..