WPF介面布局知識點總結

wpf的布局主要分為以下幾類，從而為介面提供基本的塊結構，這裡基本使用場景：

stackpanel

使用水平或垂直堆疊的方式放置元素。該面板非常簡單，但是非常有用，適用於一些

小範圍的布局

warppanel

當水平方向時，從左到右的布局子元素。當可用的寬度不夠時，則開啟乙個新的行再

進行從左到右的排列。當垂直方向時，從上到下地排列子元素。當高度不夠時，則開

啟乙個新的列從上到下進行排列

dockpanel

使子元素依賴於容器的特定邊緣，比如左、右、上、下邊緣等。該面板通常用於全域性

布局。比如，在乙個window上先使用dockpanel劃分幾個大的區域，然後就可以使用

grid進行詳細地布局

grid

grid是wpf中最強最好用的布局控制項。該控制項類似於乙個不可見的html**，將子

元素放置在特定的行和列中。這是最靈活和最通用的布局控制項

uniformgrid

放置子元素在乙個不可見的**中，但是強制所有的單元格都具有相同的尺寸。如果

要開發乙個五子棋遊戲，可以考慮使用這個控制項。但是在使用者介面的布局中，使用得

比較少canvas

使用固定的座標來絕對定位子元素。這與傳統的windows forms布局方式類似，但是沒

有提供anchoring和docking特性。在處理圖形影象的場合，使用這個控制項非常有用，

但是在動態使用者介面來說，這個控制項將會事半功倍

1.如果要實現winfrom中的dock = fill類似的效果，可以新增乙個grid布局，之後在裡面放置控制項即可，這個控制項相對於外面的grid布局就是dock=fill效果，或者用dockpanel布局記住，設定 lastchildfill="true"，wpf的思路是先有布局再有內容。

2.不用canvas也可以做層疊效果，在grid布局裡面放多個grid就行，不設定外面grid的行定義和列定義，裡面的grid布局就會層疊，後面的會蓋在前面的之上，可以設定後面布局的透明度檢視到此顯示效果。

3.如果涉及到布局縮放，viewbox經常會用到，不過它只能含有乙個布局元素，這意味著裡面的所有元素內容都可能會進行縮放拉伸。viewbox經常配合canvas布局使用，進行向量繪圖。

4.動畫經常需要更精確地控制元素的尺寸和位置，對於能應用動畫的內容，最常用的布周容器是 canvas 面板，因為canvas 面板允許更方便地移動內容(可能相互重疊)以及改變內容的尺寸。

5.gridsplitter 物件必須放在 grid 單元格中，最好預留一列或一行專門用於放置gridsplitter物件。

6.如果確實需要指定某些控制項的大小，建議使用 margin 屬性，該屬性將相對於網格的邊緣進行調整控制項的大小。