플렉스 - 구성 요소

Question

의 가장자리를 실행 방지 텍스트 나는 VGROUP을 포함하는 스파크 창을 가지고있다. VGroup 내부에는 몇 개의 HGroup이 있습니다. 무엇 일어나고있는 것은, 즉 누구는, styleName "toastBody"는, 그 텍스트가 다음 너무 긴 경우 'X'closeButton으로 구성 요소의 오른쪽 가장자리를 밀어 도착, 텍스트뿐만 아니라 오른쪽 가장자리를 실행하는 라벨입니다. 나는 VGROUP의 왼쪽 상단과 오른쪽을 설정 한 및 라벨에 10 paddingRight을 설정 한 경우에도이.

<s:VGroup minHeight="0" 
       left="16" top="12" right="4"> 
     <s:HGroup width="100%" gap="45"> 
       <s:Label styleName="toastTitle" 
          id="titleLabel" width="100%" /> 
       <s:Button skinClass="skins.ToastCloseButtonSkin" id="closeButton" 
          buttonMode="true" useHandCursor="true"/> 
     </s:HGroup> 
     <s:HGroup> 
       <s:BitmapImage left="10" top="16" 
            source="assets/iconChatBubbleToastMsg.png" id="chatIcon"/> 
       <s:Label styleName="toastBody" 
          id="bodyLabel" 
          paddingRight="10"/> 
     </s:HGroup> 

    </s:VGroup> 

어떻게 해결할 수 있습니까?

Answer 1

당신은 오른쪽 가장자리를 밀어 것을 방지하기 위해 해당 레이블에서의 maxWidth를 설정할 수 있습니다, 그것은 비록 단어 잘림 시작합니다.

<s:Label styleName="toastBody" 
          id="bodyLabel" 
          paddingRight="10" maxWidth="800"/>