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

本篇互联力量继续讲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填充剩下的空间，运行效果，如图：

图6

五个 Button排列的相当整齐，拖动浏览器边框大小，东南西北是个按钮始终紧靠边框，中间的按钮自适应完全填充。我们思考一个问题，如果只是想让某个按钮停 靠在顶端的中间，该如何写，代码如下：

图7

运行效 果，button垂直顶部停靠，水平居中对齐，效果如图：

图8

是不是很容 易，多练习几次就可以应用了，下次说说Grid控件

版权所有 互联力量,原文出自:http://www.foxitjob.com/2010/07/426.html