Flex中button可自动换行的label

最新推荐文章于 2022-03-25 22:19:56 发布

licoolxue

最新推荐文章于 2022-03-25 22:19:56 发布

阅读量351

点赞数

分类专栏： flex

本文链接：https://blog.youkuaiyun.com/licoolxue/article/details/84158624

版权

flex 专栏收录该内容

8 篇文章

订阅专栏

本文介绍了一种在Adobe Flex中实现按钮内文字自动换行和居中的方法。通过继承Button类并重写部分方法，使得按钮能适应多行文本显示，并保持良好的视觉效果。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >


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");
        }
    }
}

引用时：


<?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>

参考文档：
[url]http://stackoverflow.com/questions/1654403/adobe-flex-word-wrap-in-button-label[/url]