<!--margin表示控制項相對StackLayout的位置是設置組件之間的距離,或者距離父組件邊緣的距離, 他的四個值是左邊距,上邊距,右邊距,下邊距 --> <!--Padding是設置組件內容與組件邊緣的距離,他的四個值是左邊距,上邊距,右邊距,下邊距--> <!--本實例中如果Margin和 ...
<!--margin表示控制項相對StackLayout的位置是設置組件之間的距離,或者距離父組件邊緣的距離,
他的四個值是左邊距,上邊距,右邊距,下邊距 -->
<!--Padding是設置組件內容與組件邊緣的距離,他的四個值是左邊距,上邊距,右邊距,下邊距-->
<!--本實例中如果Margin和Padding在同一層級都是stackLayout的話表現結果應該都是一樣的-->
<!--Orientation 有倆個屬性 Horizontal:橫向排列,Vertical:豎向排列預設豎向 -->
<!--HorizontalOptions: 浮動填充的概念,Start左浮動,Center中間浮動,End右浮動.這4個屬性控制項大小根據內容自動,,
StartAndExpand 向上填充一行,CenterAndExpand 向中間位置填充一行,EndAndExpand 向下位置填充一行,FillAndExpand 填充全部 -->
<!--WidthRequest對填充一行的設置無效,HeightRequest對FillAndExpand無效 -->
<StackLayout Margin="30,35,10,30" Spacing="20" Orientation="Vertical" >
<!-- Place new controls here -->
<!--HorizontalOptions:-->
<Label Text="開始位置"
HorizontalOptions="Start"
BackgroundColor="LightGray" WidthRequest="30" HeightRequest="100" />
<Label Text="中間"
HorizontalOptions="Center"
BackgroundColor="LightGray" />
<Label Text="結束位置,終點位置"
HorizontalOptions="End"
BackgroundColor="LightGray" />
<Label Text="一行填充完整"
HorizontalOptions="Fill"
BackgroundColor="LightGray" HeightRequest="100" WidthRequest="30" />
<Label Text="StartAndExpand"
VerticalOptions="StartAndExpand"
BackgroundColor="LightGray" />
<Label Text="CenterAndExpand"
VerticalOptions="CenterAndExpand"
BackgroundColor="LightGray" />
<Label Text="EndAndExpand"
VerticalOptions="EndAndExpand"
BackgroundColor="LightGray" WidthRequest="30" HeightRequest="100" />
<Label Text="FillAndExpand"
VerticalOptions="FillAndExpand"
BackgroundColor="LightGray" WidthRequest="30" />
</StackLayout>