WPF的布局--StackPanel

1. StackPanel是以堆叠的方式来显示控件(从左到右，或者从上到下)

默认是从上到下显示的，并且宽度为StackPanel的宽度，高度自动适应控件中内容的高度（未对控件进行设置时）

如图：

代码如下：

 <Window x:Class="ReadRemoteRegistry.MainWindow"

         xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"

         xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"

         Title="MainWindow" Height="" Width="">

     <Grid>

         <StackPanel>

             <Button Content="第一个按钮" Click="Button_Click"/>

             <Button Content="第二个按钮" Click="Button_Click_1"/>

             <Button Content="第三个按钮" Click="Button_Click_2"/>

         </StackPanel>

             <Button Content="Button" HorizontalAlignment="Left" Margin="220,199,0,0" VerticalAlignment="Top" Width="" Height="" Click="Button_Click_3"/>

     </Grid>

 </Window>

2.可以通过 Orientation [orɪɛn'teʃən] n.方向属性来设置布局的样式(水平还是垂直，即上面说的从左到右，或从上到下)

Orientation属性的可选值有：Horizontal 水平、 Vertical 垂直(默认)，如图：

代码如下：高度为StackPanel的高度，宽度自动适应控件中内容的宽度

 <Window x:Class="ReadRemoteRegistry.MainWindow"

         xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"

         xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"

         Title="MainWindow" Height="" Width="">

     <Grid>

         <StackPanel Orientation="Horizontal">

             <Button Content="第一个按钮" Click="Button_Click"/>

             <Button Content="第二个按钮" Click="Button_Click_1"/>

             <Button Content="第三个按钮" Click="Button_Click_2"/>

         </StackPanel>

             <Button Content="Button" HorizontalAlignment="Left" Margin="220,199,0,0" VerticalAlignment="Top" Width="" Height="" Click="Button_Click_3"/>

     </Grid>

 </Window>

3.控制StackPanel内控件的属性和状态

3.1. 内部控件的 Width 和 Height

如果未对内部的控制设置这两个属性，就会出现上述的：

垂直布局时(从上到下)：宽度为StackPanel的宽，高度自动适应控件中内容的高度；

水平布局时(从左到右)：高度为StackPanel的高，宽度自动适应控件中内容的宽度；

3.2. Margin属性，控制内部控件的外边距

3.2.1. Margin=”10”：各边距均为10；

3.2.2.Margin=”10,20,30,40”：设定左、上、右、下各边缘分别为10、20、30、40

3.2.3.使用拆分式方式设定(使用复杂属性)，如上下为10，左右为20

3.3. 设置内部控件的对齐方式

3.3.1. HorizontalAlignment、(需要在整体Orientation="Vertical"的前提下)
设定控件的竖直对齐方式，如，设置水平对齐为Left、Right或Center

3.3.2. VerticalAlignment属性(需要在整体Orientation="Horizontal"的前提下)

设定控件的水平对齐方式，设置水平对齐为Top、Center、Stretch或Bottom

3.4. 设置内部控件的动态值

MinWidth: 允许的最小宽度

MinHeight: 允许的最小高度

MaxWidth：随控件变化时，允许的最大宽度

MaxHeight：随控件变化时，允许的最大高度

4.使用StackPanel可以让控制随内容变化而自适应

如下图：“OK"和"Cancel“按钮的对话框，因为按钮上的文字可能因字体的改变而发生大小改变，

我们应该避免固定按钮大小的写法(即不要设置控件Width的值，而是使用MinWidth此类属性)。

StackPanel会自动根据面板的大小的自动调整内部控件的大小。

我们就不用为按钮太大或太小而烦恼了。

   <StackPanel Margin="8" Orientation="Horizontal">

       <Button MinWidth="93">OK</Button>

       <Button MinWidth="93" Margin="10,0,0,0">Cancel</Button>

   </StackPanel>

参考：http://blog.sina.com.cn/s/blog_6c81891701017a34.html