WPF UI 免费开源、紧跟现代化设计趋势的WPF 控件库WPFUI 是一款基于 MIT 协议的开源免费 WPF 界面库

前言

WPFUI 是一款基于 MIT 协议的开源免费 WPF 界面库，提供流畅且现代化的设计体验。

通过 WPFUI，可以轻松实现直观的设计、丰富的主题、便捷的导航和全新的沉浸式控件，使基于 WPF 编写的应用程序紧跟最新的设计趋势。

截至本文编写时，该项目已在 GitHub 上获得了超过 7.8k 的 Star，其在社区中的广泛认可和支持。

项目介绍

WPF UI 在 WPF 的基础上，提供了更多的现代化，流利的，直观的设计和组件。

重要的是，WPF UI 完全免费！

该库更改了基础元素，如 Page（页面）、ToggleButton（切换按钮）或 List（列表），并且还包含了额外的控件，如 Navigation（导航）、NumberBox（数字框）、Dialog（对话框）或 Snackbar（消息栏）。

项目特点

现代化设计：WPFUI 提供了一组符合现代设计规范的 UI 组件，使应用程序看起来更时尚和专业。

易用性：框架设计简洁，使用方便，开发者可以快速上手，并在项目中轻松集成 WPFUI 提供的控件和样式。

丰富的控件库：WPFUI 包含许多常用的控件，如按钮、文本框、菜单、对话框等，并且这些控件都经过精心设计，具有良好的用户体验。

高可定制性：开发者可以根据项目需求对 WPFUI 提供的控件进行自定义，从而实现符合特定要求的用户界面。

响应式布局：WPFUI 支持响应式布局，可以在不同大小的屏幕上保持良好的显示效果。

持续更新与支持：WPFUI 框架有活跃的开发社区和官方支持，定期发布更新和新特性，确保框架始终处于最新状态。

项目框架

项目源码有每个平台的Demo，我们可以运行看一看，非常适合学习。

下载源码打开之后，项目的结构如下所示：

项目使用

1、使用 Visual Studio 中的 Nuget 包管理器，安装 WPF-UI。

2、加载自定义样式

首先，需要加载 WPFUI 提供的自定义样式。

可以通过修改 App.xaml 文件来实现。

<Application
  ...
  xmlns:ui="http://schemas.lepo.co/wpfui/2022/xaml">
  <Application.Resources>
    <ResourceDictionary>
      <ResourceDictionary.MergedDictionaries>
        <!-- 设置主题（例如：Dark 暗色主题） -->
        <ui:ThemesDictionary Theme="Dark" />
        <!-- 引入控件样式 -->
        <ui:ControlsDictionary />
      </ResourceDictionary.MergedDictionaries>
    </ResourceDictionary>
  </Application.Resources>
</Application>

如果程序没有 App.xaml 文件，可以使用 ApplicationThemeManager.Apply(frameworkElement) 方法在代码中应用或更新主题资源。

public partial class MainWindow
{
    public MainWindow()
    {
        InitializeComponent();
        ApplicationThemeManager.Apply(this); 
        // 应用到当前窗口
    }
}

3、创建程序界面

现在可以开始创建现代化的应用程序界面了。

以下是一个简单的示例，展示如何创建一个带有按钮的窗口：

<ui:FluentWindow
  ...
  xmlns:ui="http://schemas.lepo.co/wpfui/2022/xaml">
  <StackPanel>
      <!-- 添加标题栏 -->
      <ui:TitleBar Title="WPF UI"/>
      <!-- 添加卡片容器 -->
      <ui:Card Margin="8">
          <!-- 添加按钮 -->
          <ui:Button Content="Hello World" Icon="{ui:SymbolIcon Fluent24}" />
      </ui:Card>
  </StackPanel>
</ui:FluentWindow>