Question

我在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>组件包装到新行上？

感谢您的时间。

Answer 1

要使Label单词包装文本，它需要具有某种宽度，因此它知道从哪里开始包装。

所有这些标签都有这样或那样的宽度，如果是nec：

，应该自动换行

<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属性，您可能会发现它很有用。

Answer 2

听起来像你想要的TileLayout。这样可以水平排列组件，并在空间用完时进行包装。

Flex 4 <s：group> Wrap <s：label> </s：label> </s：group>

2 个答案: