ModernUI教程:第一个ModernUI应用(采用项目模板)

时间:2022-06-09 00:28:19

在我们开始之前,请确保你已经为你的Visual2012或者2013安装了ModernUI for WPF的模板扩展:

>>从Visual Studio 库 下载并安装VSIX扩展

>>在Visual Studio中,打开扩展管理器(工具>扩展和更新)

>>选择 在线>Visual Studio库 ,搜索“modern ui” (Visual Studio2015中未搜索到,其他版本自行尝试)

>>选择“Modern UI for WPF Templates",点击下载并安装

1:在Visual Studio中选择C#>Windows 找到Modern UI WPF Navigation Application,以此创建一个新项目。

该应用模板包含了一个MainWindow和两个页面文件:Home.xaml和Setting.xaml。设置页面提供了一些主题配置参数。

页面通常存储在页面(Pages)项目文件夹中。

2:编译并运行应用,你可以看到如下窗体:

ModernUI教程:第一个ModernUI应用(采用项目模板)

翻译提示:Pages文件夹一般是在解决方案中创建的用于存储Page文件的文件夹。

3:添加一个基础布局页:

右键页面(Pages)文件夹,选择添加>新项,在打开的选择项中选择Modern UI for WPF列表,然后在右侧选择”Basic Page“,

重命名为”BasicPage.xaml“并点击添加。

ModernUI教程:第一个ModernUI应用(采用项目模板)

4:在菜单中引用新创建的页面。打开MainWindow.xaml定位到mui:ModernWindow.MenuLinkGroups,添加我们刚刚创建的BasicPage的新链接到welcome组中,如下所示:

ModernUI教程:第一个ModernUI应用(采用项目模板)

5:编译并运行应用,在主菜单中选择my page选项,你可以看到我们刚刚创建的页面:

ModernUI教程:第一个ModernUI应用(采用项目模板)

这篇文章到此也该结束了。通过Visual Studio扩展的项目模板可以让你很轻松的创建一个Modern UI应用,你可以通过添加链接到ModernWindow.MenuLinkGroups中来导航其他页面。

查看目录