跟互联力量学Silverlight之八_WrapPanel和DockPanel用法_app

概述本篇互联力量继续讲Silverlight的Panel控件，在StackPanel控件的用法一节中，大家应该知道Panel类型控件的用途，今天的WrapPanel和DockPanel控件有些特别，它们需要安装Silverlight toolkit才能使用，也就是说，在Silverlight项目中默认是没有这两个控件的。你可以直接点击Silverlight toolkit 3 或 Silverlig

本篇互联力量继续讲Silverlight的Panel控件，在StackPanel控件的用法一节中，大家应该知道Panel类型控件的用途，今天的WrapPanel和DockPanel控件有些特别，它们需要安装Silverlight toolkit才能使用，也就是说，在Silverlight项目中默认是没有这两个控件的。你可以直接点击Silverlight toolkit 3 或 Silverlight 4 toolkit 下载你需要的版本，也可以到互联力量下载区下载更多 Silverlight资源。

本节使用的是 Silverlight 3 toolkit，等到Siverlight 4 所有中文版组件推出后，互联力量会推出有关Silverlight 4 toolkit内容，总的来说，编程的思路是类似的。下面我们来看看，如何引用Silverlight toolkit。

下载后，解压安装toolkit，安装的程序集目录默认在“Program files\Microsoft SDKs\Silverlight\v3.0\Toolkit\Oct09\Bin”，然后在silverlight项目中，添加引用 System.windows.Controls.Toolkit.dll，在MainPage.xaml里面，定义名称空间，之后就可以使用 Toolkit里面的控件了，下拉框里面都是toolkit的控件，如图：

图1

WrapPanel 控件

在 WrapPanel里面放一组button，每个button有不同的对齐方式，代码如下：

图2

在正常情况下，WrapPanel控件让button以水平方向平铺显示，并呈现正确的对齐，如图：

图3

当显示的界面很窄，WrapPanel根据页面宽度调整button的显示，甚至全部以垂直方式显现一列，对齐方式基本失效，但是在页面中完整的显示了所有的 button，如图：

图4

DockPanel 控件

既然 WrapPanel控件可以让子控件的排列自动换行，DockPanel控件就是让子控件停靠在具体位置。我在Dockpanel控件中放五个 button，让它们按“东南西北中”五个方向停靠，代码如下：

图5

LastChildFill=”true” 的作用是让第五个button填充剩下的空间，运行效果，如图：