# Yuandl.ThemeUI **Repository Path**: YokioaryNoci/Yuandl.ThemeUI ## Basic Information - **Project Name**: Yuandl.ThemeUI - **Description**: Yuandl.ThemeUI是一款面向WinUi3的现代化UI组件库,提供了丰富的ui组件,拥有最直观、丰富,简洁的主题设计️,让您在开发WPF中毫不费力 - **Primary Language**: C# - **License**: MIT - **Default Branch**: master - **Homepage**: http://yuandl.cn - **GVP Project**: No ## Statistics - **Stars**: 0 - **Forks**: 2 - **Created**: 2025-09-14 - **Last Updated**: 2025-09-14 ## Categories & Tags **Categories**: Uncategorized **Tags**: None ## README ![https://raw.githubusercontent.com/lixiaoliyubo/Yuandl.ThemeUI/refs/heads/master/build/logo.png](https://raw.githubusercontent.com/lixiaoliyubo/Yuandl.ThemeUI/refs/heads/master/build/logo.png) [英文](https://github.com/lixiaoliyubo/Yuandl.ThemeUI/blob/master/README.en.md) | [中文](https://github.com/lixiaoliyubo/Yuandl.ThemeUI/blob/master/README.md) ![dotnet-version](https://img.shields.io/badge/.net%20framework-%E2%89%A54.0-blue) ![Visual Studio 2019](https://img.shields.io/badge/Visual%20Studio%20-2019-blueviolet) ![Visual Studio 2022](https://img.shields.io/badge/Visual%20Studio-2022-blueviolet) [![Github](https://img.shields.io/badge/%20-github-%2324292e)](https://github.com/lixiaoliyubo/Yuandl.ThemeUI) ![ThemeUI](https://img.shields.io/nuget/v/Yuandl.ThemeUI.svg?color=%23409EF) [![License: MIT](https://img.shields.io/badge/License-MIT-green.svg)](https://github.com/lixiaoliyubo/Yuandl.ThemeUI/blob/master/LICENSE) ![ThemeUI](https://img.shields.io/nuget/dt/Yuandl.ThemeUI?label=nuget) [![Github stars](https://img.shields.io/github/stars/lixiaoliyubo/Yuandl.ThemeUI)](https://github.com/lixiaoliyubo/Yuandl.ThemeUI/stargazers) ## 欢迎使用 Yuandl.ThemeUI # __请使用预览版 Nuget 包获取最新的__ ### [Github](https://github.com/lixiaoliyubo/Yuandl.ThemeUI) https://github.com/lixiaoliyubo/Yuandl.ThemeUI ### [码云](https://gitee.com/lixiaoliyubo/Yuandl.ThemeUI) https://gitee.com/lixiaoliyubo/Yuandl.ThemeUI ### Visual Studio 2022 ### 📁 包含什么? | **Name** | **Framework** | description | | ------------------------- | ------------------------------------------------------------ | ------------------------------------------------------------ | | **Yuandl.ThemeUI** | ![[Yuandl.ThemeUI/src/Yuandl.ThemeUI.Demo/Yuandl.ThemeUI.Demo.csproj at master · lixiaoliyubo/Yuandl.ThemeUI](https://github.com/lixiaoliyubo/Yuandl.ThemeUI/blob/master/src/Yuandl.ThemeUI.Demo/Yuandl.ThemeUI.Demo.csproj)](https://img.shields.io/badge/.NET-8.0--windows-CornflowerBlue) ![[Yuandl.ThemeUI/src/Yuandl.ThemeUI.Demo/Yuandl.ThemeUI.Demo.csproj at master · lixiaoliyubo/Yuandl.ThemeUI](https://github.com/lixiaoliyubo/Yuandl.ThemeUI/blob/master/src/Yuandl.ThemeUI.Demo/Yuandl.ThemeUI.Demo.csproj)](https://img.shields.io/badge/.NET-7.0--windows-CornflowerBlue) ![[Yuandl.ThemeUI/src/Yuandl.ThemeUI.Demo/Yuandl.ThemeUI.Demo.csproj at master · lixiaoliyubo/Yuandl.ThemeUI](https://github.com/lixiaoliyubo/Yuandl.ThemeUI/blob/master/src/Yuandl.ThemeUI.Demo/Yuandl.ThemeUI.Demo.csproj)](https://img.shields.io/badge/.NET-6.0--windows-CornflowerBlue)
![[Yuandl.ThemeUI/src/Yuandl.ThemeUI.Demo/Yuandl.ThemeUI.Demo.csproj at master · lixiaoliyubo/Yuandl.ThemeUI](https://github.com/lixiaoliyubo/Yuandl.ThemeUI/blob/master/src/Yuandl.ThemeUI.Demo/Yuandl.ThemeUI.Demo.csproj)](https://img.shields.io/badge/.NET%20Framework-4.8-orange)![[Yuandl.ThemeUI/src/Yuandl.ThemeUI.Demo/Yuandl.ThemeUI.Demo.csproj at master · lixiaoliyubo/Yuandl.ThemeUI](https://github.com/lixiaoliyubo/Yuandl.ThemeUI/blob/master/src/Yuandl.ThemeUI.Demo/Yuandl.ThemeUI.Demo.csproj)](https://img.shields.io/badge/.NET%20Framework-4.7-orange) ![[Yuandl.ThemeUI/src/Yuandl.ThemeUI.Demo/Yuandl.ThemeUI.Demo.csproj at master · lixiaoliyubo/Yuandl.ThemeUI](https://github.com/lixiaoliyubo/Yuandl.ThemeUI/blob/master/src/Yuandl.ThemeUI.Demo/Yuandl.ThemeUI.Demo.csproj)](https://img.shields.io/badge/.NET%20Framework-4.6.2-orange) | 允许您在自己的应用程序中使用所有功能的库 | **ConsoleApp1** | ![[Yuandl.ThemeUI/src/Yuandl.ThemeUI.Demo/Yuandl.ThemeUI.Demo.csproj at master · lixiaoliyubo/Yuandl.ThemeUI](https://github.com/lixiaoliyubo/Yuandl.ThemeUI/blob/master/src/Yuandl.ThemeUI.Demo/Yuandl.ThemeUI.Demo.csproj)](https://img.shields.io/badge/.NET-8.0--windows-CornflowerBlue) | 测试 | | **Yuandl.ThemeUI.Demo** | ![[Yuandl.ThemeUI/src/Yuandl.ThemeUI.Demo/Yuandl.ThemeUI.Demo.csproj at master · lixiaoliyubo/Yuandl.ThemeUI](https://github.com/lixiaoliyubo/Yuandl.ThemeUI/blob/master/src/Yuandl.ThemeUI.Demo/Yuandl.ThemeUI.Demo.csproj)](https://img.shields.io/badge/.NET-8.0--windows-CornflowerBlue) | 简单的NET 8应用程序,带有导航功能。 | | **Yuandl.ThemeUI.Sample** | ![[Yuandl.ThemeUI/src/Yuandl.ThemeUI.Demo/Yuandl.ThemeUI.Demo.csproj at master · lixiaoliyubo/Yuandl.ThemeUI](https://github.com/lixiaoliyubo/Yuandl.ThemeUI/blob/master/src/Yuandl.ThemeUI.Demo/Yuandl.ThemeUI.Demo.csproj)](https://img.shields.io/badge/.NET-8.0--windows-CornflowerBlue) | 带有所有控件的应用程序。 | ### 🤝捐赠 如果您认为我们的开源软件对您有帮助,请扫描下面的二维码,给我们一杯咖啡. | Alipay | WeChat pay | |----|-----| | ![alipay](https://raw.githubusercontent.com/lixiaoliyubo/Yuandl.ThemeUI/refs/heads/master/build/alipay.png) | ![wxpay](https://raw.githubusercontent.com/lixiaoliyubo/Yuandl.ThemeUI/refs/heads/master/build/wxpay.png) | ## 🚀 入门 Yuandl.ThemeUI 通过 **NuGet** 包管理器交付。您可以在此处找到这些软件包:https://www.nuget.org/packages/Yuandl.ThemeUI/ 在 Package Manager 控制台中使用以下命令手动安装 Yuandl.ThemeUI: ``` Install-Package Yuandl.ThemeUI ``` ### 首先,您的应用程序需要加载自定义样式,将节点添加到 App.xaml; ``` XML xmlns:ui="http://schemas.yuandl.cn/xamltheme/2024/xaml" ``` ``` XML ``` ### 将节点添加到 MainWindow.cs; ``` XML public partial class MainWindow { public MainWindow() { InitializeComponent(); ApplicationThemeManager.Apply(this); } } ``` ### 将节点添加到 MainWindow.xaml ; ``` XML ``` ### 部分sample展示 ---------- ### 全部控件 📷 截图 ![https://raw.githubusercontent.com/lixiaoliyubo/Yuandl.ThemeUI/refs/heads/master/docs/images/home.gif](https://raw.githubusercontent.com/lixiaoliyubo/Yuandl.ThemeUI/refs/heads/master/docs/images/home.gif) ---------- ### Dialog ![https://raw.githubusercontent.com/lixiaoliyubo/Yuandl.ThemeUI/refs/heads/master/docs/images/Dialog.gif](https://raw.githubusercontent.com/lixiaoliyubo/Yuandl.ThemeUI/refs/heads/master/docs/images/Dialog.gif) ---------- ### DataGrid ![https://raw.githubusercontent.com/lixiaoliyubo/Yuandl.ThemeUI/refs/heads/master/docs/images/DataGrid.gif](https://raw.githubusercontent.com/lixiaoliyubo/Yuandl.ThemeUI/refs/heads/master/docs/images/DataGrid.gif) ---------- ### Button ![https://raw.githubusercontent.com/lixiaoliyubo/Yuandl.ThemeUI/refs/heads/master/docs/images/Button.gif](https://raw.githubusercontent.com/lixiaoliyubo/Yuandl.ThemeUI/refs/heads/master/docs/images/Button.gif) ---------- ### ListBox ![https://raw.githubusercontent.com/lixiaoliyubo/Yuandl.ThemeUI/refs/heads/master/docs/images/ListBox.gif](https://raw.githubusercontent.com/lixiaoliyubo/Yuandl.ThemeUI/refs/heads/master/docs/images/ListBox.gif) ---------- ### Notification ![https://raw.githubusercontent.com/lixiaoliyubo/Yuandl.ThemeUI/refs/heads/master/docs/images/Notification.gif](https://raw.githubusercontent.com/lixiaoliyubo/Yuandl.ThemeUI/refs/heads/master/docs/images/Notification.gif) ---------- ### NumberBox ![https://raw.githubusercontent.com/lixiaoliyubo/Yuandl.ThemeUI/refs/heads/master/docs/images/NumberBox.gif](https://github.com/lixiaoliyubo/Yuandl.ThemeUI/blobvvv/master/docs/images/NumberBox.gif) ---------- ### PinBox ![https://raw.githubusercontent.com/lixiaoliyubo/Yuandl.ThemeUI/refs/heads/master/docs/images/PinBox.gif](https://raw.githubusercontent.com/lixiaoliyubo/Yuandl.ThemeUI/refs/heads/master/docs/images/PinBox.gif) ---------- ### SidebarMenu ![https://raw.githubusercontent.com/lixiaoliyubo/Yuandl.ThemeUI/refs/heads/master/docs/images/SidebarMenu.gif](https://raw.githubusercontent.com/lixiaoliyubo/Yuandl.ThemeUI/refs/heads/master/docs/images/SidebarMenu.gif) ---------- ### ToggleButton ![https://raw.githubusercontent.com/lixiaoliyubo/Yuandl.ThemeUI/refs/heads/master/docs/images/ToggleButton.gif](https://raw.githubusercontent.com/lixiaoliyubo/Yuandl.ThemeUI/refs/heads/master/docs/images/ToggleButton.gif) ---------- ### UniformGrid ![https://raw.githubusercontent.com/lixiaoliyubo/Yuandl.ThemeUI/refs/heads/master/docs/images/UniformGrid.gif](https://raw.githubusercontent.com/lixiaoliyubo/Yuandl.ThemeUI/refs/heads/master/docs/images/UniformGrid.gif) ---------- ### Progress ![https://raw.githubusercontent.com/lixiaoliyubo/Yuandl.ThemeUI/refs/heads/master/docs/images/Progress.gif](https://raw.githubusercontent.com/lixiaoliyubo/Yuandl.ThemeUI/refs/heads/master/docs/images/Progress.gif) ---------- ### InfoBar ![https://raw.githubusercontent.com/lixiaoliyubo/Yuandl.ThemeUI/refs/heads/master/docs/images/InfoBar.gif](https://raw.githubusercontent.com/lixiaoliyubo/Yuandl.ThemeUI/refs/heads/master/docs/images/InfoBar.gif) ---------- ### Mask ![https://raw.githubusercontent.com/lixiaoliyubo/Yuandl.ThemeUI/refs/heads/master/docs/images/Mask.gif](https://raw.githubusercontent.com/lixiaoliyubo/Yuandl.ThemeUI/refs/heads/master/docs/images/Mask.gif) ---------- ### Slider ![https://raw.githubusercontent.com/lixiaoliyubo/Yuandl.ThemeUI/refs/heads/master/docs/images/Slider.gif](https://raw.githubusercontent.com/lixiaoliyubo/Yuandl.ThemeUI/refs/heads/master/docs/images/Slider.gif) ---------- ### DropDownButton ![https://raw.githubusercontent.com/lixiaoliyubo/Yuandl.ThemeUI/refs/heads/master/docs/images/DropDownButton.gif](https://raw.githubusercontent.com/lixiaoliyubo/Yuandl.ThemeUI/refs/heads/master/docs/images/DropDownButton.gif) ---------- ### chart ![https://raw.githubusercontent.com/lixiaoliyubo/Yuandl.ThemeUI/refs/heads/master/docs/images/chart.gif](https://raw.githubusercontent.com/lixiaoliyubo/Yuandl.ThemeUI/refs/heads/master/docs/images/chart.gif) ---------- ## Microsoft Property 界面的设计、颜色的选择和控件的外观都受到 Microsoft 为 Windows 11 制作的项目的启发。 Yuandl.ThemeUI.Sample 应用程序包括来自 Microsoft WinUI 3 库应用程序的图标。此处将它们用作为 Microsoft 系统创建工具的示例。. ## Segoe Fluent Icons **Yuandl.ThemeUI** 使用 Fluent 系统图标。虽然这种字体也是由 Microsoft 创建的,但它并不包含 Windows 11 的所有图标。如果需要缺少的图标,请将 Segoe Fluent 图标添加到应用程序。 根据 Segoe Fluent Icons 的 EULA,我们无法将此 dll 的副本一起提供。Segoe Fluent Icons 默认安装在 Windows 11 上,但如果您希望在 Windows 10 及更低版本的应用程序中使用这些图标,则必须手动将字体添加到应用程序的资源中. [https://docs.microsoft.com/en-us/windows/apps/design/style/segoe-fluent-icons-font](https://docs.microsoft.com/en-us/windows/apps/design/style/segoe-fluent-icons-font) [https://docs.microsoft.com/en-us/windows/apps/design/downloads/#fonts](https://docs.microsoft.com/en-us/windows/apps/design/downloads/#fonts) 在应用程序词典中,您可以向字体添加替代路径 ```XML pack://application:,,,/;component/Fonts/#Segoe Fluent Icons ``` ## License **Yuandl.ThemeUI** 是根据 MIT 许可证许可的免费开源软件。您可以在私人和商业项目中使用它。 请记住,您必须在项目中包含许可证的副本。