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

eb2e68a919b11c1ecab21426edcd2011.png

b9c65feaa73e580a196e736fd129fc7c.jpeg

前言

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

667346c5e0c5ccde20065d5db7f1fbbb.png

WPF介绍

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

项目源代码

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

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

6bf020ebf2d381ae2edbe74a71fa5927.png

项目源码运行

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

86f9f2bfa06f84926160bcad53fe3a9b.png 6b37fd8fce26a37178ec52f94eefc7c6.png

项目演示截图

70572af29fd61c77e8dbc2c99f46c717.png 1266f853162c36c808662a3439999c0d.png 46cee525819a0de6361e99044cf07907.png 947258bbd07863a8b47a9bf6872f856d.png 84db194f9bc6375611794ca35974ab6f.png 8652fbd8abba7e667e30bdcff2ec3a83.png 4600025f1a7404096508412e32e173d8.png e064f440aa68e028b339ec08498f5c68.png cee2b3f20a3a686c807e4bd17c954e3b.png 25cde2fab1a20e96495978652dea389f.png db6764b56572d713b5c5e0c674b9b804.png 80849e00e50e57fefb963f871b5903cb.png 07dc901b0d2f3e5564d99c74881b3666.png

项目源码地址

更多项目实用功能和特性欢迎前往项目开源地址查看👀,别忘了给项目一个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

366b3dadd9582f0d5a036c3bb1465398.gif

4e1b745389744cc0a0fcace87b5935e0.gif

e6db1272c29b45c607740cfc5294ce3a.jpeg


学习是一个永无止境的过程,你知道的越多,你不知道的也会越多,在有限的时间内坚持每天多学一点,你一定能成为你想要成为的那个人。不积跬步无以至千里,不积小流无以成江河!!!

99fa7e5de07021ff88cdea15398be618.gif

See you next good day

aafcb895461ed709120a1f83a19216bd.gif

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 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
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值