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)佈局，以下圖所示：

 

 

查看目錄