jaredtao / TaoQuick

a cool QtQuick/qml component library and demo(一套酷炫的QtQuick/Qml基础库和示例)

简体中文

---

Contents

• Contents
• TaoQuick
• Badge preview
  • Project
  • Qt marketplace
  • Build
  • Release
  • Repository status
  • Issue
  • Other status
• 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
• Project Struct
• TaoQuick Core Library
• Use TaoQuick
  • get code
  • qmake
  • cmake
• 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：

1. copy 'TaoQuick' directory and 'TaoQuick.pri' file from TaoQuick/src to your project

2. 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.

3. 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：

1. copy 'TaoQuick' directory and 'taoQuick.cmake' file from TaoQuick/src to your project

2. 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()

4. 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