文章目录
- 文章介绍
- 如何加载
- 1、下载代码
- 2、官方文档和组件介绍
- 运行FluentUI
- 新建自己的qml项目,并导入FluentUI
文章介绍
up主“会磨刀的小猪”模仿微软Fluent风格写的界面,可以理解为用qt和qml写出的win10/win11风格的界面,比原本的qt风格好看。
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