• Modern UI for WPF 开源项目(3):用模板创建我的第一个Modern UI app


    通过项目模板创建一个Modern UI app

    做这个之前,请确保安装了Modern UI for WPF Templates extension for Visual Studio 2012.

    or

    • In Visual Studio 2012, open the extension manager (Tools > Extensions and Updates)
    • Select Online > Visual Studio Gallery and search for 'modern ui'
    • Select Modern UI for WPF Templates and click Download to download and install.

    1.创建一个新项目,选择新的模板:Modern UI WPF Application

    此应用程序模板包含了两个页面:Home.xaml和Setting.xaml和主窗体MainWindow.xaml

    Settings页面提供了一些风格设置选项。Page页面往往放在了Pages项目文件夹中。Content文件夹常用于标准的WPF用户控件被各个页面引用。

    2.编译和运行程序,你可以看到如下效果:

    3.通过右击Pages文件夹,选择 添加>新项目... 添加一个新的Basic layout page。在添加新项目对话框中选择Modern UI for WPF列表中的Basic Page。名称为BasicPage.xaml并点击添加

    4.引用新的页面到主菜单。打开MainWindow.xaml并找到mui:ModernWindow.MenuLinkGroups元素定义主菜单。添加一个新的链接到菜单组,命名为"welcome“如下:

    <mui:ModernWindow.MenuLinkGroups>
      <mui:LinkGroup DisplayName="welcome">
        <mui:LinkGroup.Links>
          <mui:Link DisplayName="home" Source="/Pages/Home.xaml" />
          <mui:Link DisplayName="my page" Source="/Pages/BasicPage.xaml" />
        </mui:LinkGroup.Links>
      </mui:LinkGroup>
      ...
    </mui:ModernWindow.MenuLinkGroups>

    5.编译和运行程序。在主菜单中选择my page选项,你可以看到如下效果:

    这样就完成了,就是这么简单就创建了一个新的Modern UI 应用程序项目并使用visusal studio的扩展模板添加了页面。通过添加链接指向新的页面。

  • 相关阅读:
    git 创建项目
    【转载】Nginx-Lua模块的执行顺序
    【转】微信oauth授权过程
    vps
    【转载】centos安装字体
    【转载】TortoiseGit图标消失
    【转载】linux权限
    js 获取url 中的参数;
    手机下拉/上拉刷新(基于jq或者zepto)
    vscode快捷键
  • 原文地址:https://www.cnblogs.com/wangchunming/p/2990968.html
Copyright © 2020-2023  润新知