Flex 4 <s:Group> 包裹 <s:Label>答案

【问题标题】：Flex 4 <s:Group> Wrap <s:Label>Flex 4 <s:Group> 包裹 <s:Label>
【发布时间】：2012-07-21 20:25:02
【问题描述】：

我在 Flex 4 中有以下 <s:Group> 组件示例：

<s:Group left="10" top="10" right="10">
    <s:layout>
        <s:HorizontalLayout gap="20"/>
    </s:layout>

    <s:Image id="image" source="{data.imageURL}"/>
    <s:Label right="0" styleName="description" text="{data.description}"/>
</s:Group>

如果<s:Label> 组件对于组内的图像宽度和标签的宽度都太长，是否可以将它换行？

感谢您的宝贵时间。

【问题讨论】：

标签： actionscript-3 flash apache-flex actionscript flex4

【解决方案1】：

要让Label 换行文本，它需要有某种宽度，所以它知道从哪里开始换行。

所有这些标签都有一个指定的宽度，如果需要，应该自动换行：

<s:Label id="fixedWidth" width="100"/>
<s:Label id="percentWidth" width="25%"/>
<s:Label id="constraintBasedWidth" left="0" right="0"/>
<s:Label id="maxWidth" maxWidth="100"/>

也许您可以尝试在标签上使用maxWidth。这应该把它放在图像旁边，让它换行更长的文本。

还有maxDisplayedLines 属性，您可能会觉得它很有用。

【讨论】：

【解决方案2】：

听起来你想要TileLayout。这将水平排列组件并在空间不足时进行包装。

【讨论】：

我已经研究过了，但我希望图像和文本水平放置。 <s:TileLayout> 类仍然可以实现吗？