태터데스크 관리자

도움말
닫기
적용하기   첫페이지 만들기

태터데스크 메시지

저장하였습니다.

'Label'에 해당되는 글 1건

  1. 2010/05/06 [Flex] Label 에 backgroundColor 변경하기,
ria/flex2010/05/06 15:45

꽤 오랫만에 포스팅을 합니다.

mx:Label에 background 색을 바꾸려고 합니다.

간단히,

label_id.opaqueBackground = 0x5AD303;

로 하시면 됩니다.

다른 방법으로는, 

Label이 갖고 있는 TextField 에 접근하여 처리하는 방법입니다.

use namespace mx_internal;

var textField:TextField = this.mx_internal::getTextField() as UITextField;
textField.background = true;
textField.backgroundColor = 0x5AD303;

간단하죠? ㅎㅎ

근데 살짝 결과물이 다릅니다.

<?xml version="1.0" encoding="utf-8"?>

<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="vertical"

       creationComplete="initApp()">

 

       <mx:Script>

             <![CDATA[

                    import mx.core.UITextField;

                   

                    use namespace mx_internal;

 

                    private function initApp():void{

                           var textField:TextField = label2.mx_internal::getTextField() as UITextField;

                                                                               

                           textField.background = true;

                           textField.backgroundColor = 0xDA0000;

                    }

             ]]>

       </mx:Script>

      

       <mx:Label id="label1" width="250" text="1234567890" color="0xffffff" opaqueBackground="0xDA0000"/>

      

       <mx:Label id="label2" width="250" text="abcdefghijklmnopqrstuvwxyz" color="0xffffff"/>

      

</mx:Application>

 

이렇게 코드를 생성하고, 결과를 비교해 보면,


자세히 보면 위라벨의 크기가 살짝 큽니다.


정확한 확인을 위해,  2번째 라벨에 opaqueBackground="0xffffff" 로 속성을 주겠습니다.

 

       <mx:Label id="label1" width="250" text="1234567890" color="0xffffff" opaqueBackground="0xDA0000"/>

      

       <mx:Label id="label2" width="250" text="abcdefghijklmnopqrstuvwxyz" color="0xffffff" opaqueBackground="0xffffff"/>



이제 크기가 같아 보이죠?

mx:Label이 내부적으로 text를 표현하기 위해 TextField를 갖고 있는데, 


그 TextField의 속성인 backgroundColor 를 주었기 때문에, 차이가 발생한 것입니다.

^^;

저는 이정도 차이로 생각하고, 사용하려합니다. 혹시, 다른 의견이 있으시면, 공유 부탁드리겠습니다. ^^




Posted by THLIFE.net
TAG ,

TRACKBACK http://thlife.net/trackback/1003 관련글 쓰기

댓글을 달아 주세요