Xaml中UI布局之StackPanel

Xaml的布局中的Panel布局不是一种布局，而且包含了几种panel容器控件，一个个来说

1，StackPanel（堆布局）

这个布局是比较简单的布局模式，在这个StackPanel容器，控件都是以一列，或者一行的方式来顺序排列。

StackPanel默认是垂直一列排列，通过设置Orientation这个属性来设置水平一行排序

水平

默认情况下，容器内的控件都是被拉伸的，和容易一样高或者一样宽

在垂直模式下，按钮都是和屏幕的宽带一样被拉伸，垂直排列，并且是居中显示。

垂直模式下HorizontalAlignment可以设置“Center，left，right，stretch”4个属性

如果设置center，那么容器的宽度会和按钮的宽度一样（按钮的宽度默认就是字符内容的长度），并且居中显示

如果设置Left，那么容器就会显示在屏幕的左侧，宽度和按钮宽度一样，如图示：

在容器内的各个按钮上也可以设置自己的水平排列方式，如果设置Left，那么按钮排列在容器左侧，如果是right，按钮牌子在容器右侧，如果是stretch这个按钮仍然是拉伸显示

 <StackPanel x:Name="StackPanel1" Orientation="Vertical">
        <Button x:Name="btn1" Content="Button1"  HorizontalAlignment="Left"></Button>
        <Button x:Name="btn2" Content="Button2" HorizontalAlignment="Center"></Button>
        <Button x:Name="btn3" Content="Button3" HorizontalAlignment="Stretch"></Button>
        <Button x:Name="btn4" Content="Button4" HorizontalAlignment="Right"></Button>
    </StackPanel>