Flex：如何减少组件之间的间距

Question

如何减少 linkBut​​ton 之间和每个 linkBut​​ton 内部的空间？

我已经将 padding 设置为 0 但它已经是 0 了。 我只能更改 LinkBut​​ton 的高度，但无法更改宽度，因为文本是动态的。

<mx:Repeater id="bookmarksRepeater" dataProvider="{dataManager.bookmarksList}">
    <mx:HBox>
        <mx:VBox>
        <mx:HBox>
            <mx:Text >
               <mx:text> {String(bookmarksRepeater.currentItem.name)}</mx:text>
            </mx:Text>
            <mx:LinkButton height="16" rollOverColor="#FFA500" label="Visit" />
            <mx:LinkButton height="16" rollOverColor="#FFA500" label="Add" />
            <mx:LinkButton height="16" rollOverColor="#FFA500" label="Save" />
        </mx:HBox>
     <mx:HBox>
        <mx:Repeater id="tagsRepeater" dataProvider="{bookmarksRepeater.currentItem.tags}">
           <mx:LinkButton height="14" color="0x0033CC" rollOverColor="#FFA500" fontSize="8" label="{String(tagsRepeater.currentItem.name)}"/>
     </mx:Repeater>
     </mx:HBox>
    </mx:VBox>
     <mx:Text height="16" color="0x0033CC" fontWeight="bold" >
    <mx:text> {String(bookmarksRepeater.currentItem.popularity)} </mx:text>
       </mx:Text>
    </mx:HBox>
</mx:Repeater> 

Answer 1

您的中继器位于 HBox 内，默认情况下设置了水平间距。要删除此间距，请将水平间隙设置为 0：

 <mx:HBox horizontalGap="0">
    <mx:Repeater id="tagsRepeater" dataProvider="{bookmarksRepeater.currentItem.tags}">
       <mx:LinkButton height="14" color="0x0033CC" rollOverColor="#FFA500" fontSize="8" 
           label="{String(tagsRepeater.currentItem.name)}"/>
    </mx:Repeater>
 </mx:HBox>

Answer 2

要动态设置 LinkBut​​ton 的宽度，您可能必须通过重写容器类的 commitProperties 来实现，并为每个 LinkBut​​ton 计算文本指标：

var m:TextLineMetrics = linkBut​​ton.measureText(lb.label);

然后您应该能够使用计算出的指标为每个 LinkBut​​ton 设置精确的宽度值。

另一种方法是侦听 LinkBut​​ton 上的 labelChanged 事件，然后在侦听器中强制重新计算宽度。