AbsoluteLayout - Xamarin

Thứ ba - 21/01/2020 20:17

AbsoluteLayout: Xác định chính xác vị trí các control bên trong với các thuộc tính và thông số tương ứng.

*LayoutBounds: Xác định thông số của control

Có 4 thông số cơ bản

X: Tọa độ X.
Y: Tọa độ Y.
Width: Độ rộng (chiều rộng).
Heigh: Độ cao (chiều cao).

*LayoutFlags: Xác định 4 thông số trên sẽ ở dạng nào? Tỉ Lệ (Proportional) hay Tuyệt Đối (Absolute).

Có 8 Giá trị như sau:

None - Tất cả Tuyệt Đối.
All - Tất cả Tỷ Lệ.
XProportional - X Tỉ Lệ, còn lại Tuyệt Đối.
YProportional - Y Tỉ Lệ, còn lại Tuyệt Đối.
WidthProportional - Chiều rộng Tỉ Lệ, còn lại Tuyệt Đối.
HeightProportional - Chiều cao Tỉ Lệ, còn lại Tuyết Đối.
PositionProportional - X và Y Tỷ Lệ, rộng và cao Tuyệt Đối.
SizeProportional - Rộng và cao Tỷ Lệ, X và Y Tuyệt Đối.

Ví Dụ:

<AbsoluteLayout> 
        <BoxView 
            Color="Olive" 
            AbsoluteLayout.LayoutFlags="All" 
            AbsoluteLayout.LayoutBounds="0,0,.5,.5" />
        <BoxView 
            Color="Gray" 
            AbsoluteLayout.LayoutFlags="All" 
            AbsoluteLayout.LayoutBounds="1,0,.5,.5" />
        <BoxView 
            Color="Navy"
            AbsoluteLayout.LayoutFlags="All" 
            AbsoluteLayout.LayoutBounds="0,1,.5,.5" /> 
        <BoxView 
            Color="Purple" 
            AbsoluteLayout.LayoutFlags="All" 
            AbsoluteLayout.LayoutBounds="1,1,.5,.5" /> 
        <BoxView 
            Color="Fuchsia" 
            AbsoluteLayout.LayoutFlags="SizeProportional" 
            AbsoluteLayout.LayoutBounds="200,100,.01,.3" /> 
        <BoxView 
            Color="Lime" 
            AbsoluteLayout.LayoutFlags="SizeProportional" 
            AbsoluteLayout.LayoutBounds="210,110,.01,.3" />
        <BoxView 
            Color="Black" 
            AbsoluteLayout.LayoutFlags="SizeProportional" 
            AbsoluteLayout.LayoutBounds="220,120,.01,.3" /> 
        <BoxView 
            Color="White" 
            AbsoluteLayout.LayoutFlags="PositionProportional" 
            AbsoluteLayout.LayoutBounds=".45,.75,5,200" /> 
        <BoxView 
            Color="Red" 
            AbsoluteLayout.LayoutFlags="PositionProportional" 
            AbsoluteLayout.LayoutBounds=".42,.78,5,200" /> 
        <BoxView 
            Color="Yellow" 
            AbsoluteLayout.LayoutFlags="PositionProportional" 
            AbsoluteLayout.LayoutBounds=".39,.81,5,200" /> 
</AbsoluteLayout>