Flex按钮或带有两个标签的任何控件

Question

如何在Flex按钮上有两个标签，一个标签位于顶部，另一个标签位于底部？

Answer 1

使用Spark架构按钮，您应该能够创建自定义按钮外观。

如果您使用的是Halo / MX架构，则必须扩展该组件。如果你谷歌搜索multilabel button，就会出现一系列解决方案。

Answer 2

您可以为按钮制作自定义皮肤。在该皮肤的Label中，将maxDisplayedLines属性设置为您需要的行数。

Answer 3

<mx:VBox verticalGap="0"  x="60" y="107">
    <mx:Canvas cornerRadius="5" backgroundColor="0xff0000" backgroundAlpha=".5" borderStyle="solid">
        <mx:Label text="Step 1" fontSize="20" fontStyle="italic" fontWeight="bold" width="171" />
    </mx:Canvas>
    <mx:Canvas cornerRadius="5" backgroundColor="0xff0000" backgroundAlpha=".5" borderStyle="solid">
        <mx:Label text="Initial Request" fontSize="20" fontStyle="italic" fontWeight="bold" width="100%" />
    </mx:Canvas>
</mx:VBox>

这不是正确的解决方案，但如果您愿意，可以让Canvas感觉像按钮。 Flexlib有一个组件，可以为Multiline Label提供解决方案。