ModernUI教程:第一个ModernUI应用(采用项目模板)
在我们开始之前,请确保你已经为你的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:编译并运行应用,你可以看到如下窗体:
翻译提示:Pages文件夹一般是在解决方案中创建的用于存储Page文件的文件夹。
3:添加一个基础布局页:
右键页面(Pages)文件夹,选择添加>新项,在打开的选择项中选择Modern UI for WPF列表,然后在右侧选择”Basic Page“,
重命名为”BasicPage.xaml“并点击添加。
4:在菜单中引用新创建的页面。打开MainWindow.xaml定位到mui:ModernWindow.MenuLinkGroups,添加我们刚刚创建的BasicPage的新链接到welcome组中,如下所示:
5:编译并运行应用,在主菜单中选择my page选项,你可以看到我们刚刚创建的页面:
这篇文章到此也该结束了。通过Visual Studio扩展的项目模板可以让你很轻松的创建一个Modern UI应用,你可以通过添加链接到ModernWindow.MenuLinkGroups中来导航其他页面。