FluentUI使用
首先向Qt Qml FluentUI组件库的作者zhuzichu520致敬!
一、源码下载地址:
1)GitHub - zhuzichu520/FluentUI: FluentUI for QML
2)GitCode - 全球开发者的开源社区,开源代码托管平台
二、Qt6下载地址:
qt-online-installer-windows-x64-4.8.1.exe
安装可以参考另一篇博文:Qt6在线安装慢的解决办法-CSDN博客
三、VS2022下载地址:
下载 Visual Studio Tools - 免费安装 Windows、Mac、Linux
一、安装完VS2022 & Qt6.8以后,配置如下:
二、下载了FluentUI后,直接用QtCreator打开,如下图:
三、 配置&构建后,可以运行看到:FluentUI Example界面:
同时会在 Qt\6.8.0\msvc2022_64\qml\下,生成FluentUI文件夹,里面包含FluentUI库!
四、 新建TestFluentUI工程,进行测试:
1. CMakeLists.txt中添加
find_package(FluentUI)
2.Main.qml中添加
import FluentUI
FluFilledButton {
width: 100
height: 40
anchors.centerIn: parent
text: "Hello World !"
}
3.Run it now !
测试程序中,会出现一个FluentUI样式的Button在界面中央!大功告成!