Windows 8風格應用開發入門 十七 布局控制項

Panel類是開發Windows 8 Store應用中一個重要類，它在Windows 8 Store應用布局系統中扮演非常重要角色。

Panel可以承載多個子項目，面板類可以把子項目存放在棧中、或網格裡面、或把子項目停靠在其邊緣等。

Panel類自身是一個抽象類別，下面是Panel類的階層：

Windows 8 Store應用中包含的三個標準布局控制項：Canvas（通常在常規布局中，盡量不要考慮使用Canvas，不過在某些特殊情況下，使用Canvas還是非常方便的）、Grid（它是大多數常規布局的首選）、StackPanel（可能是最簡單的一種面板類型）。

Canvas

要在Canvas中定位元素，需要提供相對於左上方的水平座標和豎直座標。

代碼實現效果：

其中Left和Top屬性工作表示元素的左上方與Canvas左上方的相對位置。

一般來說Canvas比較適合把元素布局在任何位置上，因此這樣更適合於向量圖形編程而不是控制項布局編程。

同樣我們C#代碼中控制控制項元素在Canvas中布局。

我們注意到xaml代碼中並沒有設定button的相對於Canvas的Left和Top屬性，這裡通過C#代碼進行設定。

SetValue方法定義在DependencyObject類裡面，LeftProperty和TopProperty是Canvas中DependencyProperty類型的靜態欄位。

兩種布局設定方式最後實現效果是一樣。