文章介绍

up主“会磨刀的小猪”模仿微软Fluent风格写的界面，可以理解为用qt和qml写出的win10/win11风格的界面，比原本的qt风格好看。up主在github上开源了代码，用户导入该库之后，可以直接调用Up主写好的Windows风格组件。

B站连接

效果图展示

目的：通过导入up主的FluentUI，直接调用FluentUI中写好的win10风格的组件。

如何加载

1、下载代码

代码链接

有安装git的话推荐使用方法一，因为可以看到代码分支

2、官方文档和组件介绍

运行FluentUI

FluentUI适用于qt5.15.2和qt6及以上所有版本，up主使用qt6.4.3（推荐和up主使用一样的qt6.4.3）
博主使用qt6.5.3
qt 必须安装以下组件，如果没有安装或者不确定是否安装，可以使用MaintenanceTool.exe查看和继续安装

MaintenanceTool.exe位置：
打开qt桌面图标的安装位置，或者使用everthing

打开cmake项目



运行完成后出现该界面表示运行成功

发开qt6.5.3安装目录，找到该文件夹，复制。

新建自己的qml项目，并导入FluentUI

博主的上一篇文章《qml：QT6.5.3新建qml的qmake项目》说明了如何新建qml的qmake项目
运行qmlDemo,出现如下界面（qt风格的界面图）


将刚才复制的FluentUI文件夹粘贴到qlmDemo的构建目录中

在main.qml中导入FluentUI包，并调用FluWindow窗口组件

运行效果：win10风格的窗口图

调用组件，展示效果图

试试调用其他组件：
找到源代码，复制到mian.qml