跟互联力量学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