Question

我有一个拥有两个标签的小组。标签中的文本会动态更改，有时会使用长文本。如果我对标签使用width = 50％，如果一个标签需要少于50％，这可能会导致未使用的丢失空间，如下例所示。如何布置标签以便使用最大可用空间（即标签宽度的总和= 100％，如果需要，一个或两个标签会截断其文本）？

<?xml version="1.0"?>
<s:Application
  xmlns:fx="http://ns.adobe.com/mxml/2009"
  xmlns:s="library://ns.adobe.com/flex/spark" 
  xmlns:mx="library://ns.adobe.com/flex/mx">
  <s:HGroup width="200">
    <s:Label width="50%" text="Label1" maxDisplayedLines="1"/>
    <s:Label width="50%" text="Label2: some very very long text" maxDisplayedLines="1"/>
  </s:HGroup>
</s:Application>

Answer 1

像这样：

<s:HGroup width="200" gap="5" id="container">
    <s:Label text="Label1: so" maxDisplayedLines="1" showTruncationTip="true" maxWidth="{container.width/2}"/>
    <s:Label text="Label2: some very very long text that i want to display" maxDisplayedLines="1" maxWidth="{container.width/2}" showTruncationTip="true"/>
</s:HGroup>

具有标签截断的组布局

1 个答案: