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

核心提示： 看到啦！拉伸效果，垂直布局，玩转Silverlight控件（三）——StackPanel布局(2)，接下来，我们不允许按钮以拉伸方式来填充控件空间，是居中布局，同样，很简单，我们来显式地设置控件的长和宽就OK了！看代码：<StackPanelBackground="Whit

看到啦！拉伸效果，垂直布局。

接下来，我们不允许按钮以拉伸方式来填充控件空间。很简单，我们来显式地设置控件的长和宽就OK了！看代码：

<StackPanel　Background="White">
　　<Button　Content="AAA"　Width="30"></Button>
　　<Button　Content="BBB"　Width="60"></Button>
</StackPanel>

　

垂直布局情况下也是一样，只不过我们在水平布局的时候设置的是控件的Width属性，而当我们垂直布局的时候只需要设置控件的Height属性罢了！

接下来，我们看一个小技巧，在上文中，我们看到我们可以自己定制控件的长宽，使其避免以拉伸方式填充屏幕。但是我们这个时候发现，控件都是以居中方式布局。

好了，我们在上文中提出了两种默认的布局情况，在这里我们提出第三条：

3. 默认情况下，是居中布局。

同样，我们也是考虑如何修改，这里给出两种修改的方式：

1. 为每个控件提供自己独有的布局方式：

<StackPanel　Background="White">
　　<Button　Content="AAA"　Width="30"　HorizontalAlignment="Left"></Button>
　　<Button　Content="BBB"　Width="60"　HorizontalAlignment="Center"></Button>
　　<Button　Content="CCC"　Width="30"　HorizontalAlignment="Right"></Button>
</StackPanel>