1

如何在 HBox 子组件周围添加分隔线？

就像我为 hbox 选择borderstyle 作为solid 一样，问题是子组件之间的线，比如文本组件，我可以以有效的方式显示它，而不仅仅是将HBox 添加到每个元素。

4

1 回答 1

2

AHBox只是一个具有水平布局的子元素的盒子 - 它实际上并没有在这些子元素之间运行垂直线，因此您将无法在 HBox 上使用边框或任何东西。

您最好的选择可能是VRule在每个子组件之间添加组件，例如：

<mx:HBox width="100%" borderColor="#000000" borderStyle="solid">
    <mx:Image />
    <mx:VRule height="100%" strokeColor="#000000" strokeWidth="1"/>
    <mx:Image />
    <mx:VRule height="100%" strokeColor="#000000" strokeWidth="1"/>
    <mx:Image />
</mx:HBox>

您可以根据需要调整 VRule 和 HBox 边框样式以保持一致。我能想到的唯一其他选择是在每个子组件周围放置边框，在 HBox 上没有边框（可能需要子填充，具体取决于您的组件），Box按照您的建议将所有组件嵌入到 HBox 中的组件中，或者完全做某事就像使用 aHorizontalList并将您的组件嵌入到与边框大小一致的自定义项目渲染器中一样疯狂。

就我个人而言，我只是使用 VRule 分隔符并继续前进。我宁愿加倍关注孩子，也不愿将我所有感兴趣的组件都放在 HBox 中更深的一个家庭级别。如果您需要从变量数组等生成 HBox 子项，那么您可能希望将每个子项放在 a 中Box并使用 aRepeater或其他东西。更多细节将有助于获得更具体的答案。

于 2010-08-01T13:13:01.717 回答