「 DelegateUI 」 Modern UI for Qml

Ant Design component library for Qt Qml

If you need Qt5 impl DelegateUI for Qt5

English | 中文

🌈 Gallery Preview

✨ Features

• 📦 A set of high-quality Qml components out of the box.
• 🎨 Powerful theme customization system.
• 💻 Based on Qml, completely cross platform.

🔨 How to Build

• Clone

git clone --recursive https://github.com/mengps/DelegateUI.git

• Build

cd DelegateUI
cmake -S . -B build 
cmake --build build --config Release --target all --parallel

By default, the plugin will be builded in the [QtDir]/[QtVersion]/[Kit]/qml/DeleagetUI directory.

• Install

cmake --intall --prefix <install_dir>

The installation directory structure

──<install_dir>
    ├─include
    │   *.h
    ├─bin
    │   *.dll
    ├─lib
    │   *.lib
    └─imports
        └─DeleagetUI

• Usage
  • Link the <install_dir>/lib.
  • Include the <install_dir>/include.
  • Copy the <install_dir>/imports/DeleagetUI to [QtDir]/[QtVersion]/[Kit]/qml.

📦 Get started

• Create QtQuick application QtVersion >= 6.5
• Add the following cmake command to your project CMakeLists.txt

 target_include_directories(<your_target> PRIVATE DelegateUI/include)
 target_link_directories(<your_target> PRIVATE DelegateUI/lib)
 target_link_libraries(<your_target> PRIVATE DelegateUIPlugin)

• Add the following code to your main.cpp

 #include "delapp.h"

 int main(int argc, char *argv[])
 {
     ...
     QQuickWindow::setGraphicsApi(QSGRendererInterface::OpenGL);
     QGuiApplication app(argc, argv);
     QQmlApplicationEngine engine;
     DelApp::initialize(&engine);
     ...
 }

• Add the following code to your .qml

 import DelegateUI
 DelWindow { 
   ...
 }

Alright, you can now enjoy using DelegateUI.

🚩 Reference

Ant Design: https://ant-design.antgroup.com/docs/spec/introduce

💓 LICENSE

Use MIT LICENSE

🌇 Environment

Windows 11, Qt Version >= 6.5