mirror of https://github.com/zhuzichu520/FluentUI.git synced 2024-11-23 19:20:59 +08:00

FluentUI for QML

Go to file

Gaëtan Dezeiraud 3eaaa228d8 Add property autoResetScroll to FluScrollablePage I use it in my app, I think it can be useful to integrate the featurein the main project. This property autoResetScroll if true reset the scroll at the top when the StackView.onActivated is called. So the first time a page is view but also when the user go back in the stack.		2024-11-16 20:27:48 +01:00
.cmake	update	2024-03-09 15:35:48 +08:00
.github/workflows	update workflows	2024-09-20 13:51:50 +08:00
3rdparty	update	2023-12-21 18:12:43 +08:00
doc	update .gitignore	2023-06-20 19:02:18 +08:00
example	update	2024-09-20 13:46:57 +08:00
scripts	update	2024-03-18 14:10:50 +08:00
src	Add property autoResetScroll to FluScrollablePage	2024-11-16 20:27:48 +01:00
.clang-format	update	2024-06-28 16:48:44 +08:00
.gitignore	update	2024-04-17 21:39:55 +08:00
.gitmodules	update	2023-12-13 17:31:08 +08:00
CMakeLists.txt	make static lib available (#509 )	2024-05-31 13:59:36 +08:00
example.svg	update	2023-05-16 12:49:20 +08:00
favicon.ico	update	2023-10-02 21:32:10 +08:00
License	Create License	2023-04-01 09:31:18 +08:00
README_zh_CN.md	update README	2024-06-17 06:59:56 +08:00
README.md	update README	2024-06-17 06:59:56 +08:00
THIRD_PARTY_COPYRIGHT.txt	add qcustomplot	2024-06-17 16:42:54 +08:00

README.md

QML FluentUI

A Fluent Design component library for Qt QML, You need PySide6 PySide6-FluentUI-QML.

English | 简体中文

This is a beautiful FluentUI component library based on Qt QML. Currently the main branch supports Qt 6. If you want to use it in Qt 5, checkout the Qt 5 branch.

Requirements

Qt Core, Qt Quick, Qt QML, Qt ShaderTool, Qt 5 Compatibility Module. (Essential)
Qt LinguistTool (optional,for translations)
Qt Svg (optional, however essential for Qt 5)

Use Qt Online Installers to acquire the modules (Recommended) or compile them first before using the library.

⚽ Get started

Download the pre-built release. (Please specify your platform and compilers.)
run example program.

Clone the repository.

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

Build

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 <PATH_TO_THE_REPOSITORY>
cmake --build . --config Release --target all --parallel

Use your IDE (Qt Creator or CLion) to open the project. (only CMake supported).

Compile the project. Then try to execute the example demo program.
Great! Now you are ready to write your first QML FluentUI program! Check the documentations for more details.

📑 Documentations

(Work in progress...🚀)

Supported components

Catalog	Detail	Notes / Demos
FluApp	The initial entry of the program	Router supported(SPA)
FluWindow	Frameless Window	*This only works on windows
FluAppBar	Title bar on top of the window	Drag, minimize, maximize and close are supported.
FluText	Common text
FluButton	Common button
FluFilledButton	Filled button
FluTextButton	Text button
FluToggleButton	Toggle buttons
FluIcon	Common icon
FluRadioButton	radio button
FluTextBox	Single-line input box
FluMultiLineTextBox	Multi-lines input area
FluToggleSwitch	toggle switch