一款基于Fluent设计风格、现代化的WPF UI控件库

267 篇文章 0 订阅
122 篇文章 0 订阅

前言

今天大姚给大家分享一款基于Fluent设计风格、开源(MIT License)、现代化的WPF UI控件库,它提供直观的设计、主题、导航和全新的沉浸式控件,全部都是原生且无缝地集成在一起:WPF UI。

图片

WPF介绍

WPF 是一个强大的桌面应用程序框架,用于构建具有丰富用户界面的 Windows 应用。它提供了灵活的布局、数据绑定、样式和模板、动画效果等功能,让开发者可以创建出吸引人且交互性强的应用程序。

项目源代码

  • Wpf.Ui:允许在应用程序中使用所有功能的库(核心功能类库)。

  • Wpf.Ui.Gallery:包含所有控件的应用程序。

图片

项目源码运行

我们要查看WPF UI所有控件的演示效果,我们只需要设置Wpf.Ui.Gallery为启动项目运行即可。

图片

图片

项目演示截图

图片

图片

图片

图片

图片

图片

图片

图片

图片

图片

图片

图片

图片

项目源码地址

更多项目实用功能和特性欢迎前往项目开源地址查看👀,别忘了给项目一个Star支持💖。

  • 开源地址:https://github.com/lepoco/wpfui

  • 在线文档:https://wpfui.lepo.co/documentation/getting-started.html

优秀项目和框架精选

该项目已收录到C#/.NET/.NET Core优秀项目和框架精选中,关注优秀项目和框架精选能让你及时了解C#、.NET和.NET Core领域的最新动态和最佳实践,提高开发工作效率和质量。坑已挖,欢迎大家踊跃提交PR推荐或自荐(让优秀的项目和框架不被埋没🤞)。

  • https://github.com/YSGStudyHards/DotNetGuide/blob/main/docs/DotNet/DotNetProjectPicks.md

  • 6
    点赞
  • 6
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
Delphi 本身是不支持 UWP 平台的,但是可以使用 Delphi 的 FMX 框架来开发跨平台应用程序,其中就包括了支持 Windows 10 平台的 UWP 应用程序。 要创建一个 Fluent Design 风格的 UWP 界面,需要使用 Delphi FMX 中的 TStyleBook 组件来定义样式和主题。下面是一个简单的示例代码,演示了如何使用 TStyleBook 组件创建一个 Fluent Design 风格的 UWP 界面: ```delphi unit Main; interface uses System.SysUtils, System.Types, System.UITypes, System.Classes, System.Variants, FMX.Types, FMX.Controls, FMX.Forms, FMX.Graphics, FMX.Dialogs, FMX.Controls.Presentation, FMX.StdCtrls, FMX.Layouts, FMX.ListBox; type TMainForm = class(TForm) StyleBook: TStyleBook; ToolBar: TToolBar; TitleLabel: TLabel; MainLayout: TLayout; ListBox: TListBox; procedure FormCreate(Sender: TObject); private procedure LoadStyle(const AFileName: string); public { Public declarations } end; var MainForm: TMainForm; implementation {$R *.fmx} procedure TMainForm.FormCreate(Sender: TObject); begin LoadStyle('Fluent.style'); // 加载 Fluent Design 风格的样式 end; procedure TMainForm.LoadStyle(const AFileName: string); begin if FileExists(AFileName) then begin StyleBook.Clear; StyleBook.LoadFromFile(AFileName); StyleBook.ApplyStyle(Self); end; end; end. ``` 在上面的代码中,我们创建了一个 TStyleBook 组件,并将其赋值给 MainForm 窗体的 StyleBook 属性。然后,我们在窗体的 OnCreate 事件中调用 LoadStyle 方法,传入我们定义的 Fluent Design 风格的样式文件名。在 LoadStyle 方法中,我们使用 StyleBook 的 LoadFromFile 方法来加载样式文件,并应用到 MainForm 窗体上。 在样式文件中,我们可以定义窗体、按钮、标签等控件的样式和主题。下面是一个简单的 Fluent.style 样式文件的示例代码: ```xml object TStyleContainer object TStyleObject StyleName = 'MainFormStyle' object TLayout StyleName = 'MainLayoutStyle' Align = alClient object TListBox StyleName = 'ListBoxStyle' Align = alClient ItemHeight = 60 end end end object TStyleObject StyleName = 'ToolBarStyle' object TToolBar StyleName = 'ToolBarBackgroundStyle' Height = 50 object TLabel StyleName = 'TitleLabelStyle' Text = 'Fluent Design Style Demo' end end end object TStyleObject StyleName = 'ButtonStyle' object TButton StyleName = 'FlatButtonStyle' Width = 100 Height = 32 Text = 'OK' end end end ``` 在上面的样式文件中,我们定义了三种控件的样式和主题:MainForm、ToolBar 和 Button。其中,MainForm 是一个 TLayout 控件,包含一个 TListBox 控件;ToolBar 是一个 TToolBar 控件,包含一个 TLabel 控件;Button 是一个 TButton 控件。 通过在样式文件中定义控件的样式和主题,我们可以轻松地创建一个 Fluent Design 风格的 UWP 界面。当然,这只是一个简单的示例,实际上还有很多其它的控件和样式需要定义。如果想要深入了解 Delphi FMX 的使用,可以参考 Delphi 官方文档和教程。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

追逐时光者

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值