StackLayout - Xamarin

Thứ ba - 21/01/2020 16:21

StackLayout làm cho các control nằm chồng lên nhau giúp bạn thiết kế giao diện từ đơn giản (sử dụng 1 StackLayout) đến phức tạp (sử dụng nhiều StackLayout lồng nhau). Nó có thể tổ chức theo chiều ngang hoặc chiều dọc.

Thuộc tính

x:Name: Đặt tên cho StackLayout.
Orientation: Xác định cách tổ chức các control theo chiều nào.

Có 2 cách tổ chức:

Orientation="Vertical": Các control được xếp chồng lên nhau theo chiều dọc (đứng).
Orientation="Horizontal": Các control được xếp chồng lên nhau theo chiều ngang (nằm).

Spacing: Xác định khoảng cách giữa các control nằm bên trong, mặc định bằng 0.

Spacing="10": Khoảng cách giữa các control bằng 10.

Ví Dụ:

    <StackLayout 
        Spacing="0"
        x:Name="layout"
        Orientation="Vertical" >
        <Button 
            Text="StackLayout" 
            VerticalOptions="Start"
            HorizontalOptions="FillAndExpand" />
        <BoxView 
            Color="Yellow" 
            VerticalOptions="FillAndExpand"
            HorizontalOptions="FillAndExpand" />
        <BoxView 
            Color="Green" 
            VerticalOptions="FillAndExpand"
            HorizontalOptions="FillAndExpand" />
        <BoxView 
            HeightRequest="75" 
            Color="Blue" 
            VerticalOptions="End"
            HorizontalOptions="FillAndExpand" />
    </StackLayout>