Как я могу добавить разделительную линию вокруг дочернего компонента HBox?
Например, если я выберу стиль границы как сплошной для hbox, проблема будет в линии между дочерними компонентами, такими как текстовые компоненты, которые я могу показать эффективным способом, а не просто добавить HBox к каждому элементу.
HBox - это просто блок с горизонтальным расположением дочерних элементов - на самом деле у него нет вертикальных линий, проходящих между этими дочерними элементами, поэтому вы не сможете использовать границы или что-либо еще в 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, как вы предлагаете, или сделать что-то совершенно безумно, как использование HorizontalList и встраивание ваших компонентов в настраиваемое средство визуализации элементов, имеющее постоянный размер с рамкой.
Лично я бы просто использовал разделители VRule и двинулся дальше. Я бы предпочел удвоить количество детей, чем иметь все мои компоненты интереса на один уровень семьи глубже в HBox. Если вам нужно сгенерировать дочерние элементы HBox из массива переменных или тому подобного, вы можете поместить каждого из них в Box и использовать Repeater или что-то в этом роде. Более подробная информация поможет получить более конкретные ответы.
