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