Expression Blend实例中文教程(5)

Expression Blend实例中文教程(5) - 布局控件快速入门StackPanel,ScrollViewer和Border

上一篇，介绍了Canvas布局控件在Blend中的使用。本篇继续介绍布局控件StackPanel,ScrollViewer 和Border。

相对于Grid和Canvas来说，StackPanel,ScrollViewer和Border是比较简单的布局控件，实现的功能相 对来说单一。

首先来说说StackPanel控件。从字面意思理解，是堆栈面板的意思。堆栈内的所有内容将按照顺序进 行排列，排列方式分水平排列和垂直排列两种方式。

对于StackPanel的使用，主要是对控件水平或者垂直排列，使用该控件排列控件，比Grid设置表格控 制要容易很多。

例如，在Grid中要设置Row和Column，然后将控件放置到各个Cell中，才能达到对齐布局的效果，而在 StackPanel中只要使用Orientation属性控制就可以了。

这里我们简单演示一下，在Blend中应用StackPanel

选中StackPanel后，在主窗口画一个StackPanel容器。

然后选择按钮控件，在StackPanel中，画一个高为30的按钮。然后选中该按钮，复制创建三个新按钮 ，在复制粘贴的时候，会发现，每次创建一个新按钮会在布局中自动向下排列。这点和Grid和Canvas不同 ，在Grid和Canvas中复制粘贴控件，将会自动覆盖上一个控件，需要用 ZIndex控制其位置。