Flex vbox дочерние элементы, чтобы взять 100% ширины без указания ширины = "100%"

Question

возможно ли заставить дочерние элементы vbox занимать 100% ширины без указания ширины = 100% для каждого элемента?

Answer 1

Вы можете сделать элементы пользовательским компонентом и указать width = "100%" в компоненте. В противном случае, нет.

Вы также можете привязать свойство width к свойству width родителей, что окажет такое же влияние.

Answer 2

Алгоритм макета VBox будет смотреть на ширину детей, чтобы решить, как их расположить. Если вы хотите «автоматически» установить их на 100%, независимо от того, что они есть, то способ сделать это - перехватить при добавлении дочернего элемента и установить его процентную ширину равным 100 в обработчике событий, или же подклассы и цикл дети в подходящем переопределенном методе, например createChildren.

Answer 3

Нет ... вам придется добавить ширину для каждой кнопки. Vbox спросит у кнопки, сколько места он хочет занять. Таким образом, вы должны сказать кнопке, чтобы попытаться взять 100% ширины.

Это не должно быть проблемой, и достаточно часто иметь атрибуты width и height для большинства компонентов, как функциональных, так и макетов.