HBox дочерний компонент разделитель - PullRequest
1 голос
/ 01 августа 2010

Как я могу добавить разделительную линию вокруг дочернего компонента HBox?

Как если бы я выбрал borderstyle в качестве сплошного для hbox, проблема в том, что между дочерним компонентом, например, текстовыми компонентами, есть линия, которую я мог бы показать.эффективным способом, не просто добавляя HBox к каждому элементу.

1 Ответ

2 голосов
/ 01 августа 2010

A 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 или что-то в этом роде. Некоторые более подробные сведения помогут получить более конкретные ответы.

...