一、MahApps.Metro (扁平化UI控件库)
MetroWindow 效果预览
安装
1.通过NuGet GUI(右键单击您的项目,点击NuGet包管理中,选择在线和搜索MahApps.Metro)
2.包管理器控制台: PM> Install-Package MahApps.Metro
实现Metro样式
1.XAML窗体中进行xmlns引用
xmlns:controls="clr-namespace:MahApps.Metro.Controls;assembly=MahApps.Metro"
2.对Window标签进行替换
<controls:MetroWindow ...
3.修改窗体cs代码中的继承
//引用
using MahApps.Metro.Controls;
namespace MetroWPF
{
/// <summary>
/// MainWindow.xaml 的交互逻辑
/// </summary>
public partial class MainWindow : MetroWindow
{
public MainWindow()
{
InitializeComponent();
}
}
}
4.使用内置的样式App.xaml
<Application x:Class="MetroWPF.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/Colors.xaml" />
<ResourceDictionary Source="pack://application:,,,/MahApps.Metro;component/Styles/Accents/Blue.xaml" />
<ResourceDictionary Source="pack://application:,,,/MahApps.Metro;component/Styles/Accents/BaseLight.xaml" />
</ResourceDictionary.MergedDictionaries>
</ResourceDictionary>
</Application.Resources>
</Application>
最终效果
二、Stylet(MVVM框架)
安装Style.Start
1.通过NuGet GUI(右键单击您的项目,点击NuGet包管理中,选择在线和搜索Stylet.Start)
2.包管理器控制台: PM> Install-Package Stylet.Start
Stylet.Start会自动添加Stylet的引用, 并生成Stylet项目基本的文件, 安装成功后, 项目结构如下所示:
可以看到,Stylet 自动生成Pages文件夹,并生成ShellView和SheellViewModel
运行效果
三、PropertyChanged.Fody (通知界面属性变更框架)
开源地址: https://github.com/Fody/PropertyChanged/
安装
包管理器控制台: PM> Install-Package PropertyChanged.Fody
配置
添加FodyWeavers.xml文件(自动安装如果没有生成xml文件,系统运行会提示报错,需要手动添加,xml的内容如下)
<?xml version="1.0" encoding="utf-8"?>
<Weavers>
<PropertyChanged />
</Weavers>