Contents
- Contents
- TaoQuick
- Badge preview
- Some Demo Preview
- Environment
- Project Struct
- TaoQuick Core Library
- Use TaoQuick
- Sponsorship
TaoQuick
This is a QtQuick/Qml Component library, integrated some commonly used QtQuick components, and
make the appropriate function expansion to facilitate development of Qml applications.
Badge preview
Project
Best Practices plan | License |
---|---|
Qt marketplace
https://marketplace.qt.io/collections/newest/products/taoquick
Build
Windows | Ubuntu | MacOS | Android | IOS |
---|---|---|---|---|
Release
Released | Download | Download count |
---|---|---|
Repository status
Tag | Languages | Top Language | code size | repo size |
---|---|---|---|---|
Issue
Issues | pull request |
---|---|
Other status
commit freq | last commit | date | forks | stars |
---|---|---|---|---|
Some Demo Preview
Main Page
Change Skin
Multi-Language
Some Button Controls
Data entry Controls
Table Controls
ListView with tab
Rect Drag Controls
Wizard
Mouse Click Effect
Atom Joggle
ShaderToy-Snail
ShaderToy-SuperMario
Environment
-
Qt 5.9
-
Qt 5.12
-
Qt 5.15
-
Qt6.2 (at branch qt6)
Project Struct
Project Struct as flow:
echo content as table:
Content | Reference | Remark |
---|---|---|
src | TaoQuick Core Library | some qml code, picture and scripts for support designer, not has c++ code |
exampes | some demo | show how to use TaoQuick Core Library |
3rdparty | thrid party library | |
mkspecs | qmake extern | |
.github | github-actions | CI CD |
TaoQuick Core Library
Core Library source code path:
src/TaoQuick/Qml
Content:
To avoid confusion with Qt default components, TaoQuick components names all begin with Cus (The abbreviation of Custom)
CusConfig is global configuration, mainly contain font、 theme and so on, all components are displayed in this configuration
Other Contents reference to above table:
Content | Reference | Remark |
---|---|---|
Basic | Basic Controls | such as Text, ToolTip, It is used to unify the basic components in the whole project and facilitate the global replacement when the project becomes huge |
CusBackground | A simple background box | it is usually placed at the beginning of the program to absorb mouse focus from the white space |
CusButton | button | Some commonly used buttons have been encapsulated, and various effects can be customized again |
CusCheckBox | CheckBox | |
CusComboBox | ComboBox | |
CusImage | Basic Image | |
CusInput | Input | |
CusLabel | Label | |
CusListView | List | Simaple custom scrollbars |
CusPopup | Popup | |
CusScroll | ScrollBar | |
CusSlider | Slider | |
CusSpinBox | SpinBox | |
CusTable | Table | It needs to be used with specific C++ model to support the selection, check, draw rect selection, anti-selection, continuous selection and all selection |
Effect | Effect | Animation、PageSwitch and ShaderToy |
Misc | Others |
Use TaoQuick
get code
git clone https://github.com/jaredtao/TaoQuick.git
cd TaoQuick
qmake
You just need import '.pri' file to project and add import Path to QmlEngine, TaoQuick will be use as local file or qrc resource.
Compared with 'Qml module' and 'Qml C++ plugin', this usage has the following advantages:
-
After importing '.pri', no additional compile, generation of dll or plugin are required
-
No additional copy resources are required to deployment the program
-
After importing '.pri', Qt Creater can support TaoQuick Qml code highlighting and double-clicking the Follow symbol
-
After import the module 'import TaoQuick 1.0' in Qml, you can use the TaoQuick component in The Designer mode of Qt Creater by dragging or visual property editor.(principle: Generate metainfo required by Designer via some script)
detail use step:
-
copy 'TaoQuick' directory and 'TaoQuick.pri' file from TaoQuick/src to your project
-
Import 'TaoQuick.pri' files in your project 'pro' file
for eaxmple:
include(TaoQuick.pri)
TaoQuick.pri will define a MACRO: TaoQuickImportPath.
Debug mode will use TaoQuick as local file, and release mode for qrc resource.
- add import path in cpp
Before load source qml, TaoQuick need add import path to QmlEngine and set imagePath to context.
if use QQuickView, TaoQuick can be use as flow:
view.engine()->addImportPath(TaoQuickImportPath);
view.rootContext()->setContextProperty("taoQuickImportPath", TaoQuickImportPath);
if use QmlEngine, TaoQuick can be use as flow:
engine.addImportPath(TaoQuickImportPath);
engine.rootContext()->setContextProperty("taoQuickImportPath", TaoQuickImportPath);
cmake
TaoQuick start support cmake after version 0.5.0 , it's same as qmake.
detail use step:
-
copy 'TaoQuick' directory and 'taoQuick.cmake' file from TaoQuick/src to your project
-
Import 'taoQuick.cmake' files in your project 'CMakeLists.txt' file
include(taoQuick.cmake)
taoQuick.cmake will define a MACRO: TaoQuickImportPath.
Debug mode will use TaoQuick as local file, and release mode for qrc resource.
Release mode taoQuick.cmake also define a MACRO TaoQuickRes, that location to qrc file.
your project should add TaoQuickRes to executable, like this:
if (CMAKE_BUILD_TYPE MATCHES "Release")
add_executable(MyApp ${someSource} ${TaoQuickRes})
else()
add_executable(MyApp ${someSource})
endif()
- add import path in cpp
Before load source qml, TaoQuick need add import path to QmlEngine and set imagePath to context.
if use QQuickView, TaoQuick can be use as flow:
view.engine()->addImportPath(TaoQuickImportPath);
view.rootContext()->setContextProperty("taoQuickImportPath", TaoQuickImportPath);
if use QmlEngine, TaoQuick can be use as flow:
engine.addImportPath(TaoQuickImportPath);
engine.rootContext()->setContextProperty("taoQuickImportPath", TaoQuickImportPath);
Sponsorship
If you feel the share content is good, treat the author a drink.
it's WeChat Pay and Alipay