Skip to content

Yuandl.ThemeUI是一款面向WinUi3的现代化UI组件库,提供了丰富的ui组件,拥有最直观、丰富,简洁的主题设计️,让您在开发WPF中毫不费力

License

MIT, MIT licenses found

Licenses found

MIT
LICENSE
MIT
LICENSE.md
Notifications You must be signed in to change notification settings

lixiaoliyubo/Yuandl.ThemeUI

Repository files navigation

https://raw.githubusercontent.com/lixiaoliyubo/Yuandl.ThemeUI/refs/heads/master/build/logo.png

英文 | 中文
dotnet-version Visual Studio 2019 Visual Studio 2022 Github ThemeUI License: MIT ThemeUI Github stars

欢迎使用 Yuandl.ThemeUI

请使用预览版 Nuget 包获取最新的

Visual Studio 2022

📁 包含什么?

Name Framework description
Yuandl.ThemeUI Yuandl.ThemeUI/src/Yuandl.ThemeUI.Demo/Yuandl.ThemeUI.Demo.csproj at master · lixiaoliyubo/Yuandl.ThemeUI Yuandl.ThemeUI/src/Yuandl.ThemeUI.Demo/Yuandl.ThemeUI.Demo.csproj at master · lixiaoliyubo/Yuandl.ThemeUI Yuandl.ThemeUI/src/Yuandl.ThemeUI.Demo/Yuandl.ThemeUI.Demo.csproj at master · lixiaoliyubo/Yuandl.ThemeUI
Yuandl.ThemeUI/src/Yuandl.ThemeUI.Demo/Yuandl.ThemeUI.Demo.csproj at master · lixiaoliyubo/Yuandl.ThemeUIYuandl.ThemeUI/src/Yuandl.ThemeUI.Demo/Yuandl.ThemeUI.Demo.csproj at master · lixiaoliyubo/Yuandl.ThemeUI Yuandl.ThemeUI/src/Yuandl.ThemeUI.Demo/Yuandl.ThemeUI.Demo.csproj at master · lixiaoliyubo/Yuandl.ThemeUI
允许您在自己的应用程序中使用所有功能的库
ConsoleApp1 Yuandl.ThemeUI/src/Yuandl.ThemeUI.Demo/Yuandl.ThemeUI.Demo.csproj at master · lixiaoliyubo/Yuandl.ThemeUI 测试
Yuandl.ThemeUI.Demo Yuandl.ThemeUI/src/Yuandl.ThemeUI.Demo/Yuandl.ThemeUI.Demo.csproj at master · lixiaoliyubo/Yuandl.ThemeUI 简单的NET 8应用程序,带有导航功能。
Yuandl.ThemeUI.Sample Yuandl.ThemeUI/src/Yuandl.ThemeUI.Demo/Yuandl.ThemeUI.Demo.csproj at master · lixiaoliyubo/Yuandl.ThemeUI 带有所有控件的应用程序。

🤝捐赠

如果您认为我们的开源软件对您有帮助,请扫描下面的二维码,给我们一杯咖啡.

Alipay WeChat pay
alipay wxpay

🚀 入门

Yuandl.ThemeUI 通过 NuGet 包管理器交付。您可以在此处找到这些软件包:https://www.nuget.org/packages/Yuandl.ThemeUI/

在 Package Manager 控制台中使用以下命令手动安装 Yuandl.ThemeUI:

Install-Package Yuandl.ThemeUI

首先,您的应用程序需要加载自定义样式,将节点添加到 App.xaml;

xmlns:ui="http://schemas.yuandl.cn/xamltheme/2024/xaml"
<Application.Resources>
    <ResourceDictionary>
        <ResourceDictionary.MergedDictionaries>
            <ui:ThemesDictionary Theme="Light"/>
            <ui:ControlsDictionary />
        </ResourceDictionary.MergedDictionaries>
    </ResourceDictionary>
</Application.Resources>

将节点添加到 MainWindow.cs;

public partial class MainWindow
{
    public MainWindow()
    {
        InitializeComponent();
        ApplicationThemeManager.Apply(this);
    }
}

将节点添加到 MainWindow.xaml ;

<ui:FluentWindow
  ...
  xmlns:ui="http://schemas.yuandl.cn/xamltheme/2024/xaml">
  <StackPanel>
      <ui:TitleBar Title="Yuandl ThemeUI"/>
      <ui:Card Margin="8">
          <ui:Button Content="Hello World" Icon="{ui:SymbolIcon Fluent24}" />
      </ui:Card>
  </StackPanel>
</ui:FluentWindow>

部分sample展示


全部控件 📷 截图

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


DataGrid

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


ListBox

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


NumberBox

https://raw.githubusercontent.com/lixiaoliyubo/Yuandl.ThemeUI/refs/heads/master/docs/images/NumberBox.gif


PinBox

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


ToggleButton

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


Progress

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


Mask

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


DropDownButton

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


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/downloads/#fonts

在应用程序词典中,您可以向字体添加替代路径

<FontFamily x:Key="SegoeFluentIcons">pack://application:,,,/;component/Fonts/#Segoe Fluent Icons</FontFamily>

License

Yuandl.ThemeUI 是根据 MIT 许可证许可的免费开源软件。您可以在私人和商业项目中使用它。 请记住,您必须在项目中包含许可证的副本。

About

Yuandl.ThemeUI是一款面向WinUi3的现代化UI组件库,提供了丰富的ui组件,拥有最直观、丰富,简洁的主题设计️,让您在开发WPF中毫不费力

Topics

Resources

License

MIT, MIT licenses found

Licenses found

MIT
LICENSE
MIT
LICENSE.md

Stars

Watchers

Forks

Packages

No packages published