如何在按钮标签中写入两行文本？

Question

对于按钮的“标签”字段，有没有办法在多行上显示文本？或者自动将文本“换行”成几行而不是剪切其中的一部分？

Answer 1

这对于标准 mx:Button 来说是不可能的 - 您可以创建自己的自定义组件来扩展 Button 或查找其他已经创建了您需要的组件。

例如，flexlib 库包含一个 CanvasButton ，它可以帮助：
http://flexlib.googlecode.com/svn/trunk/docs /flexlib/controls/CanvasButton.html

或者，如果您喜欢自己动手并创建自己的自定义组件，这篇博文将向您展示如何：
http://www.forestandthetrees.com/2008/03/11/弹性多行按钮/

Answer 2

假设您使用的是 Flex 4，您可以使用此组件：

WrappingButton.as

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");
      if (height < this.minHeight)
      {
        this.height = this.minHeight
      }
    }
  }
}

Answer 3

如果您使用的是 Flex 4，则使用 s:button，然后为其制作自定义皮肤。在皮肤里面你会看到