Xamarin.Forms 布局及属性学习总结

1. 线性布局StackLayout，里面从上到下放标签Label，每行只放一个标签。

            <StackLayout Orientation="Vertical" HorizontalOptions="FillAndExpand" VerticalOptions="Start" 
                     HeightRequest="100" WidthRequest="10" Padding="20,20,20,0" BackgroundColor="#272626">
                <Label x:Name="lb_headname" Text="xxxxx" TextColor="White" HorizontalOptions="CenterAndExpand"                          
VerticalOptions="Start" HeightRequest="30" />

                <Label x:Name="lb_bnfit" Text="100" TextColor="#ffde72" FontSize="Large"                       
                       HorizontalOptions="CenterAndExpand"    VerticalOptions="Start" 
                       HeightRequest="40" />

            </StackLayout>

第一行的标签是标题，内容不变，第二行标签的内容会在Onappearing事件里面变更赋值。

这时候任何其他看起来合理的属性，比如HorizontalOptions="Center",HorizontalTextAlignment="Center" WidthRequest="200"，第一行没有影响，第二行标签，在安卓运行后app内切换没有问题，但是切换到手机桌面再回到App的时候，标签的文字内容就不居中了，而是居左。经过许多测试，目前以上代码为可用的布局。

2. ScrowView的使用，他的内容只能而且必须嵌一个布局，通常就是一个StackLayout，再将更详细的内容布在StackLayout里面。由于Xamarin.Forms存在诸多布局bug，比第一点更糟糕的情况，比如app内切换页面后布局乱掉。之前的同事的经验是每个控件就算HorizontalOptions="FillAndExpand"这种自动填充的，也要把WidthRequest和HeightRequest的值填上，比如填个10，理论上值是不起作用的，但是能够有效防止布局bug，我一直坚决贯彻这个原则，但是随着时间推移，项目做的多了，还是发现了不是都适用这个原则。比如现在要说的这个，StackLayout的HeightRequest一旦设置了10，布局内容正常，但是超出屏幕的无法滑动出来。

 

<ScrollView Orientation="Vertical" HorizontalOptions="FillAndExpand" VerticalOptions="FillAndExpand" WidthRequest="10" HeightRequest="10"   BackgroundColor="Blue" >
<StackLayout Orientation="Vertical" HorizontalOptions="FillAndExpand" VerticalOptions="FillAndExpand"  WidthRequest="10" Padding="10" BackgroundColor="Red">     

........          
 </StackLayout>

 </ScrollView>

3. 待续...