Blend经典入门教程 - 图文

选中StackPanel，查看右边Properties属性栏，其中Layout中多了一个Orientation选项，默认为Vertical垂直排列。

点击展开下拉菜单，可以看到Horizontal水平排列，选中后，以上四个按钮分布将自动以水平方式排列。

和Grid相同，StackPanel也支持Margin和Horizontal Alignment，Vertical Alignment属性，这里我就不在赘述，详细大家可以看“布局快速入门Grid”

ScrollViewer控件，是从WPF中移植来的，针对大内容控件的布局控件。由于该控件内仅能支持一个子控件，所以在多数情况下，ScrollViewer控件都会和Stackpanel，Canvas和Grid相互配合使用。如果遇到内容较长的子控件，ScrollViewer会生成滚动条，提供对内容的滚动支持。

创建一个ScrollViewer控件，会看到该控件右边自带滚动框，

我们将上例拖拽进新创建的ScrollViewer控件，Blend会提示按“Alt”将拖拽控件放入ScrollViewer，

放置成功后，由于内容过长，ScrollViewer的滚动条自动激活。对于ScrollViewer的滚动条，可以通过Properties属性栏进行设置控制，可以禁用，隐藏，或者设置仅在需要时候自动显示。 HorizontalScrollBarVisibility和VerticalScrollBarVisibility属性： Auto = 仅在需要时候自动显示滚动条 Disabled = 禁用滚动条 Hidden = 隐藏滚动条

Visible =显示滚动条

Border控件，是最简单的布局控件，也是最早期的一款Silverlight布局控件，该控件允许用户创建一个带有边框的布局控件。使用Border控件唯一需要注意的是该控件内仅能支持一个子控件。 在Blend中，绘制Border控件同样很简单，

将上例中的StackPanel拖拽进新创建的Border控件。

Blend会提示按着“Alt”是将控件放置在Border中，否则将修改Margin进行重新布局。这里我们按着Alt，完成拖拽。

Blend自动生成XAML代码如下：

1

2

3

4

5

6

7 8

其中BorderBrush是边框颜色； BorderThickness是边框的宽度；

修改以上两个属性，同样可以在右边的Properties属性栏进行修改。

• 1
• <<
• 4
• 5
• 6
• 7
• 8
• 9
• 10
• >>
• 13

搜索更多关于： Blend经典入门教程 - 图文 的文档