Adob​​e Flex：按鈕標籤中的Word換行

Question

標準的Flex按鈕不允許標籤文本換行。我在互聯網上讀到，有一些無證的方式來處理這個問題，但我沒有讓他們工作。如果有人能張貼我一個小例子會很棒！

Answer 1

基本上你需要設置按鈕的文本字段控制（多和將wordWrap），你不能沒有擴展Button類做一些保護特性。所以，如果你創建擴展按鈕，並設置其屬性和它一點點工作，使新一類的東西量出正確：

package 
{ 
    import flash.text.TextFieldAutoSize; 
    import mx.controls.Button; 

    public class WrappingButton extends Button 
    { 


     public function WrappingButton() 
     { 
      super(); 
     } 

     override protected function createChildren():void 
     { 
      super.createChildren(); 

      textField.multiline = true; 
      textField.wordWrap = true; 
      textField.autoSize = TextFieldAutoSize.CENTER; 
     } 

     override protected function updateDisplayList(unscaledWidth:Number, unscaledHeight:Number):void 
     { 
      super.updateDisplayList(unscaledWidth, unscaledHeight); 
      textField.y = (this.height - textField.height) >> 1; 

      height = textField.height + getStyle("paddingTop") + getStyle("paddingBottom"); 
     } 
    } 
} 

...你可以丟棄控制到MXML像這樣：

<?xml version="1.0" encoding="utf-8"?> 
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute" xmlns:local="*"> 

    <local:WrappingButton label="The quick brown fox jumped over the lazy dog." width="100" paddingTop="10" paddingBottom="10" /> 

</mx:Application> 

希望它有幫助！如果你有他們的問題，請回復問題。

Answer 2

使用


嘗試我使用

<s:Button label="Top two&#13;states result" height="100%" width="100%" icon="@Embed(source='assets/bar.png')" chromeColor="#A3F4FD"/> 

和它多行標籤。