跟互聯力量學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