QML FluentUI

一个 Qt QML 的 Fluent Design 组件库，需要 PySide6 PySide6-FluentUI-QML。

English | 简体中文

这是一个基于 Qt QML 的漂亮 FluentUI 组件库。目前主分支支持 Qt 6。如果您想在 Qt 5 中使用它，请切换至 Qt 5 分支。

必要条件

Qt Core、Qt Quick、Qt QML、Qt ShaderTool、Qt 5 Compatibility Module.（重要）
Qt LinguistTool（可选，用于翻译）
Qt Svg（可选，但对于 Qt 5 来说必不可少）

在使用库之前使用 Qt 在线安装程序获取模块（推荐），或先编译模块。

⚽ 快速开始

下载预编译版本。（请注意您的平台和编译器）。
运行 example 程序。

或者

克隆此仓库

git clone --recursive https://github.com/zhuzichu520/FluentUI.git

构建

git clone --recursive https://github.com/zhuzichu520/FluentUI.git
cd FluentUI
mkdir build
cd build
cmake -DCMAKE_PREFIX_PATH=<YOUR_QT_SDK_DIR_PATH> -DCMAKE_BUILD_TYPE=Release -GNinja <仓库路径>
cmake --build . --config Release --target all --parallel

使用 IDE（Qt Creator 或者 CLion）打开项目。（仅支持 CMake）。

编译项目。然后尝试执行 example 演示程序。
太好了！现在您可以编写第一个 QML FluentUI 程序了！查看文档了解更多详情。

📑 文档

(正在进行中...🚀)

支持的组件

目录	详情	备注 / Demos
FluApp	程序初始入口	支持路由（SPA）
FluWindow	无框窗口	*仅适用于 Windows
FluAppBar	窗口顶部的标题栏	支持拖动、最小化、最大化和关闭。
FluText	通用文本
FluButton	通用按钮
FluFilledButton	Filled 按钮
FluTextButton	文本按钮
FluToggleButton	切换按钮
FluIcon	通用图标
FluRadioButton	单选框
FluTextBox	单行输入框
FluMultiLineTextBox	多行输入框
FluToggleSwitch	开关