Happy? Unhappy? The Choice is yours... "변화의 시기에는 배우려고 하는 이들이 세상을 차지합니다"

오늘 미투 관련 그룹메일을 보다 Flex의 Label에 stylesheet적용을 하다 못해 <font>로 color를 지정해서
<a>태그에 칼러는 입히는 경우를 보았습니다. 그래서 Label에 stylesheet 적용 방법에 대해 적어 봅니다.

플래시를 다루시는 분들은 TextField에 css를 적용하는 방법을 잘 알고 계실 것입니다. 하지만 Flex에서는
Textfield에 접근이 조금 까다롭죠.. 그리고 아예 TextField를 쓰는 경우는 드뭅니다.
Text와 TextArea 그리고 Label등이 있으니까요..하지만 그 안을 들여다 보면 Textfield입니다.
다행히도 그 Textfield는 namespace로 접근이 가능 하게 설계되어 있습니다.TextArea처럼요..


아래는 FLEX에서 label에 css를 입히는 예제입니다..
<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute" creationComplete="init()" width="220" height="48">
 <mx:Script>
 <![CDATA[
  import mx.controls.Label;
   
  private function init(){
   var style:StyleSheet = new StyleSheet();
   var styleObj:Object = new Object();
   styleObj.fontSize = "12";
   styleObj.color = "#FF0000";
   style.setStyle("a", styleObj);
  
   var label:Label = new Label();
   addChild(label);
   label.mx_internal::styleSheet = style;
   label.htmlText = "<a href='daum.net'>Red</a> Daum.net"; 
  
  }
 
 ]]>
</mx:Script>
</mx:Application>

크리에이티브 커먼즈 라이선스

이 저작물은 크리에이티브 커먼즈 코리아 저작자표시-비영리-변경금지 2.0 대한민국 라이선스에 따라 이용하실 수 있습니다.