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

 

 

查看目录