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控件可以在内容超出显示区域后出现下拉框。

clipboard

2:Split layout(分割布局)

Split layout将页面内容区域分隔成边距相同的两列。

clipboard[1]

3:List layout (列表布局)

列表布局提供了在单击左侧列表项,在右侧ModernFrame中显示对应项内容的布局方式。实现这种布局只需要你在ModernTab的Layout属性中设置为List。

clipboard[2]

4:Tab layout(选项卡布局)

选项卡布局方式呈现是在页面的右侧显示tab项,相当于使用了相同ModernTab的列表布局,唯一也列表不同的是需要你将Layout属性设置为Tab,你可以使用Tab布局作为一个宿主页面,其中可以嵌入基本(basic)、分割(split)或者列表(list)布局,如下图所示:

clipboard[3]

 

 

查看目录

posted @   Mr老刘  阅读(1767)  评论(0编辑  收藏  举报
编辑推荐:
· 一个奇形怪状的面试题:Bean中的CHM要不要加volatile?
· [.NET]调用本地 Deepseek 模型
· 一个费力不讨好的项目,让我损失了近一半的绩效!
· .NET Core 托管堆内存泄露/CPU异常的常见思路
· PostgreSQL 和 SQL Server 在统计信息维护中的关键差异
阅读排行:
· CSnakes vs Python.NET:高效嵌入与灵活互通的跨语言方案对比
· DeepSeek “源神”启动!「GitHub 热点速览」
· 我与微信审核的“相爱相杀”看个人小程序副业
· Plotly.NET 一个为 .NET 打造的强大开源交互式图表库
· 上周热点回顾(2.17-2.23)
点击右上角即可分享
微信分享提示