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

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

互联力量_.net_跟互联力量学Silverlight之八_Silverlight WrapPanel和DockPanel用法-图1

图1

WrapPanel 控件

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

互联力量_.net_跟互联力量学Silverlight之八_Silverlight WrapPanel和DockPanel用法-图2

图2

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

互联力量_.net_跟互联力量学Silverlight之八_Silverlight WrapPanel和DockPanel用法-图3

图3

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

互联力量_.net_跟互联力量学Silverlight之八_Silverlight WrapPanel和DockPanel用法-图4

图4

DockPanel 控件

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

互联力量_.net_跟互联力量学Silverlight之八_Silverlight WrapPanel和DockPanel用法-图5

图5

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

互联力量_.net_跟互联力量学Silverlight之八_Silverlight WrapPanel和DockPanel用法-图6

图6

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

互联力量_.net_跟互联力量学Silverlight之八_Silverlight WrapPanel和DockPanel用法-图7

图7

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

互联力量_.net_跟互联力量学Silverlight之八_Silverlight WrapPanel和DockPanel用法-图8

图8

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

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

你可能感兴趣的:(silverlight,用法,力量,DockPanel,WrapPanel)