WPF如何调用Material Design3

在 WPF 中实现 Material Design 3 风格，最主流且成熟的库是 Material Design In XAML Toolkit。它是一个开源项目，提供了完整的 Material Design 3 组件和样式，支持动态主题切换、丰富的动画效果和高度自定义的 UI 元素。

通常我们做一个美观的UI界面，需要用到大量丰富的元素。所以，这里我们谈到Material Design 3 风格。而Material Design 3（MD3）是 Google 在 2021 年 10 月 正式发布的设计语言，但将其引入 WPF 生态系统的 Material Design In XAML Toolkit 库并非由 Google 官方维护，而是由社区开发者逐步适配的。

接下来，教大家如何去调用Material Design3。

一.环境配置

1.系统

• Windows 10及以上

• 支持 .NET Framework 4.6.2+ 或 .NET Core 3.1+ / .NET 5+ 

2.IDE

• Visual Studio 2019 或 Visual Studio 2022（推荐最新版）

• 安装以下工作负载：

  • .NET 桌面开发（包含 WPF 支持）

  • 通用 Windows 平台开发（可选，仅需跨平台功能时）

3.创建一个工程

打开Visual Studio 2022,点击【创建新项目】

点击WPF，选择【C#】，找到选项“WPF应用(.NET Framework)”

接着，点击【下一步】

然后，随意取一个项目名，修改本地存放路径

点击“创建”

二.安装资源包

进入项目界面，找到状态栏中的【工具】项

点击“NuGet包管理器”

再点击“管理解决方案的NuGet包”项

接着，按照如下图安装即可

三.配置Material Design 3

在网页上搜索“Material Design In XAML Toolkit ”

找到“Github项目”，点击进入

xmlns:materialDesign="http://materialdesigninxaml.net/winfx/xaml/themes"

<ResourceDictionary>
            <ResourceDictionary.MergedDictionaries>
                <materialDesign:BundledTheme BaseTheme="Light" PrimaryColor="DeepPurple" SecondaryColor="Lime" />

                <ResourceDictionary Source="pack://application:,,,/MaterialDesignThemes.Wpf;component/Themes/MaterialDesign2.Defaults.xaml" /> 
            </ResourceDictionary.MergedDictionaries>
        </ResourceDictionary>

将代码复制到该项目的App.xmal中

将代码复制到该项目的MainWindow.xmal中

这样，就完成对Material Design 3的调用

最后，谢谢大家的观看！！！