Flex (FB 4.5) 按钮上的多行标签？

Question

我正在尝试在 Flash Builder 4.5 中制作一个多行按钮（特定换行符，两者均左对齐），第二行为斜体。我可以通过制作一个按钮并在其顶部放置一个标签来做到这一点，但它会破坏该标签所在的按钮功能。

是否有一个简单的功能可以做到这一点，或者它是否开始进入自定义皮肤？ （我已经看过了，但我对 FB 还很陌生，而且看起来学习曲线很陡峭）

Answer 1

是的，您肯定想要剥皮。这相当简单，因为它会为您生成所有代码。您只需找到按钮的标签并根据您的意愿进行修改即可。

很遗憾地说，但这是正确执行此操作的唯一方法。如果你想做的只是将其拼凑在一起，我认为你不应该接触代码......

Answer 2

小的澄清/补充：
虽然在按钮标签中包含多行就像将皮肤中“labelDisplay”的“maxDisplayedLines”属性设置为大于“1”的值一样简单，但 s:Label 不支持多种样式；即你不能让一行为常规而第二行为斜体。

FT任务

Answer 3

要创建按钮的多行标签：

1. 为按钮设置外观（最简单的方法：从设计视图创建外观）
2. 在外观中，滚动到您看到带有 id=" 的标签的位置>labelDisplay"
3. 为皮肤和标签中的标签设置固定宽度你完成了！

一旦你填充了按钮的标签属性，它就会自动为你多行显示

Answer 4

我没有发现任何东西可以做我想做的事情（我确实找到了 Flexlib 和 canvasButton，但它似乎对我不起作用）

我最终做的是制作自己的“模拟”按钮。一个带有两行标签的容器（一个正常，一个斜体，就像我想要的那样），上面有另一个容器。 mouseOver、mouseOut 和 click 都绑定到顶部容器，使其看起来像一个大按钮。 （我还使用了一些 alpha 透明度来模拟突出显示。

对于好奇的人（或其他有类似问题的初学者）-这就是我所做的

    <s:BorderContainer id="bottomContainer" x="129" y="99" width="200" height="44" backgroundColor="#EEEEEE"
                   borderVisible="false" cornerRadius="6">
    <s:Label id="encLabel1" x="48" y="8" color="#000000" fontFamily="Arial"
             text="Create a new encounter"/>
    <s:Label id="encLabel2" x="48" y="24" color="#000000" fontStyle="italic"
             text="Single encounter"/>
    <s:Image x="10" y="10" source="assets/001_01.png"/>
</s:BorderContainer>        
<s:BorderContainer id="coverContainer" x="129" y="99" width="200" height="44" backgroundColor="#000000"
                       borderVisible="false" cornerRadius="6" alpha=".1" mouseOver="alphaOver(event)" mouseOut="alphaOver(event)" click="trace('working')">
</s:BorderContainer>