This is an overview of the most common usage of WrapLayout. For more information about the available properties, methods, or events, head over to the complete API documentation for WrapLayout.
Контейнер WrapLayout помещает свои дочерние элементы в строки или столбцы, основываясь на свойство ориентации, пока пространство не будет заполнено, а затем оборачивает их в новую строку или столбец.
<WrapLayout backgroundColor="#3c495e">
<Label text="first" width="30%" height="30%" backgroundColor="#43b883"/>
<Label text="second" width="30%" height="30%" backgroundColor="#1c6b48"/>
<Label text="third" width="30%" height="30%" backgroundColor="#289062"/>
<Label text="fourth" width="30%" height="30%" backgroundColor="#289062"/>
</WrapLayout>
<WrapLayout orientation="vertical" backgroundColor="#3c495e">
<Label text="first" width="30%" height="30%" backgroundColor="#43b883"/>
<Label text="second" width="30%" height="30%" backgroundColor="#1c6b48"/>
<Label text="third" width="30%" height="30%" backgroundColor="#289062"/>
<Label text="fourth" width="30%" height="30%" backgroundColor="#289062"/>
</WrapLayout>
Название | Тип | Описание |
---|---|---|
orientation | String | Значение, указывающее направление потока. Если ориентация горизонтальная (horizontal ), то элементы располагаются в столбцах. Если ориентация вертикальная vertical ), элементы располагаются в столбцах. Значение по умолчанию — horizontal . |
itemWidth | Number | Ширина, используемая для измерения и расположения каждого дочернего элемента. Значение по умолчанию — Number.NaN , которое не ограничивает дочерние элементы. |
itemHeight | Number | Высота, используемая для измерения и расположения каждого дочернего элемента. Значение по умолчанию — Number.NaN , которое не ограничивает дочерние элементы. |
Дополнительных свойств для дочерних элементов нет.