ModernUI教程：使用預定義的頁面佈局

Modern UI for WPF自帶了一組頁面佈局。Modern UI page是繼承自control控制元件的，Page通過是通過ModernWindow.MenuLinkGroups屬性來引用顯示在內容區域。本章節描述了各種不同的佈局，並眼熟如何使用它們。

*提示：描述的頁面佈局同樣也適用於Visual Studio 2012的頁面模板，更多詳細內容請參讀 Modern UI for WPF Templates 擴充套件說明。

1：Basic Layout（基本佈局）

Basic layout使用所有可用的內容區域。你需要做的就是將頁面的根樣式(Style)設定為ContentRoot，這樣可以確保內容對齊。

使用ScroollViewer控制元件可以在內容超出顯示區域後出現下拉框。

2：Split layout（分割佈局）

Split layout將頁面內容區域分隔成邊距相同的兩列。

3：List layout （列表佈局）

列表佈局提供了在單擊左側列表項，在右側ModernFrame中顯示對應項內容的佈局方式。實現這種佈局只需要你在ModernTab的Layout屬性中設定為List。

4：Tab layout（選項卡布局）

選項卡布局方式呈現是在頁面的右側顯示tab項，相當於使用了相同ModernTab的列表佈局，唯一也列表不同的是需要你將Layout屬性設定為Tab，你可以使用Tab佈局作為一個宿主頁面，其中可以嵌入基本(basic)、分割(split)或者列表(list)佈局，如下圖所示：

 

 

檢視目錄