FluentUI/README_zh_CN.md
2024-06-17 06:59:56 +08:00

5.1 KiB
Raw Blame History

QML FluentUI

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

win-badge ubuntu-badge macos-badge release-badge download-badge download-latest

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
  • 使用 IDEQt Creator 或者 CLion)打开项目。(仅支持 CMake)。
  • 编译项目。然后尝试执行 example 演示程序。

  • 太好了!现在您可以编写第一个 QML FluentUI 程序了!查看文档了解更多详情。

📑 文档

(正在进行中...🚀)

支持的组件

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

这里 查看更多!

参考

许可

本 FluentUI 库目前采用 MIT License 许可。

星标历史

星标历史图表

游客数量

游客数量