安装 MahApps.Metro

这里依然推荐使用NuGet来进行安装
第一步引用，把如下代码复制到APP.xaml中

<Application x:Class="WpfApplication.App"
             xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
             xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
             StartupUri="MainWindow.xaml">
  <Application.Resources>
    <ResourceDictionary>
      <ResourceDictionary.MergedDictionaries>
        <ResourceDictionary Source="pack://application:,,,/MahApps.Metro;component/Styles/Controls.xaml" />
        <ResourceDictionary Source="pack://application:,,,/MahApps.Metro;component/Styles/Fonts.xaml" />
        <ResourceDictionary Source="pack://application:,,,/MahApps.Metro;component/Styles/Themes/Light.Blue.xaml" />
      </ResourceDictionary.MergedDictionaries>
    </ResourceDictionary>
  </Application.Resources>
</Application>

第二步，再把窗体换成Metro风格

在XAML状体中进行如下 xmlns 引用。

xmlns:controls="clr-namespace:MahApps.Metro.Controls;assembly=MahApps.Metro"

然后将Window标签替换为如下标签

<controls:MetroWindow ...

就ok了。

最后一步修改窗体cs代码中的继承

using MahApps.Metro.Controls;
 
namespace MetroWPF
{
    /// <summary>
    /// MainWindow.xaml 的交互逻辑
    /// </summary>
    public partial class MainWindow : MetroWindow
    {
        public MainWindow()
        {
            InitializeComponent();
        }
    }
}

至此，我们的示例就完成了，我们顺便再来看看官方的窗体示例吧！其实都是很简单的设置，非常好用。

• 本文标题： WPF下面如何使用MahApps.Metro UI库
• 文章分类：【WinForm/WPF】
• 非特殊说明，本文版权归【胡同里的砖头】个人博客 所有，转载请注明出处.

留言评论

• 上一篇：Vue中实现Echarts
• 下一篇： WPF如何遍历循环文件夹里面的每个文件返回文件列表