玩转Silverlight控件（三）——StackPanel布局

当然，我们还可以用我们熟悉的Margin属性来改变布局方式：

<StackPanel　Background="White">
　　<Button　Content="AAA"　Width="30"　Margin="10,0,0,0"></Button>
　　<Button　Content="BBB"　Width="60"　Margin="20,40,20,19"></Button>
　　<Button　Content="CCC"　Width="30"　></Button>
</StackPanel>

我们看到的并非我们想象中的代码，而是:

其实，他的Margin的距离是这样的：（我们在这里只限于讨论水平布局的情况）：

Left – Right: 于居中布局的距离

Top:于顶部控件（如果是最顶部控件则是屏幕最上方）的距离

Buttom：于底部控件（如果是最底部控件则是屏幕最下方）的距离

恩！好了，说过的水平的布局，垂直的布局其实也是一样：

我们来看下代码：

<StackPanel　Background="White"　Orientation="Horizontal">
　　<Button　Content="AAA"　Width="30"　VerticalAlignment="Bottom"></Button>
　　<Button　Content="BBB"　Width="60"　VerticalAlignment="Center"></Button>
　　<Button　Content="CCC"　Width="30"　VerticalAlignment="Top"></Button>
</StackPanel>

所得到的效果如下：

好了，StackPanel的基本布局方式就说到这里，关于StackPanel的技巧型用法也像我上文中所说的Panel局部一样，不再赘述。

在这里，我谈下对StackPanel的看法。个人认为，在实际应用中，StackPanel的应用并不广泛，他没有Panel的灵活，也没有Grid的定制，因此相对属于一个鸡肋的布局控件。

好了，今天就说到这。

欢迎大家继续关注下文：《Silverlight玩转控件(四)——Grid布局》。