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

2016-08-20 11:02:47来源:http://huwlnew.blog.51cto.com/1705205/355142作者:huwlnew人点击


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


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


下载后,解压 安装toolkit,安装的程序集目录默认在“Program Files/MicrosoftSDKs/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


最新文章

123

最新摄影

微信扫一扫

第七城市微信公众平台