C++ & QML Integration Demo

From Qt Wiki
Revision as of 14:51, 27 November 2020 by Gsantner (talk | contribs) (Add entry)
(diff) ← Older revision | Latest revision (diff) | Newer revision → (diff)
Jump to navigation Jump to search


C++ & QML Integration mobile demo app, which shows the different forms of C++ and QML integrations like context properties and registered QML types

felgo-examples-hcombo-cpp-qml-integration.jpg


Description

This demo is the tutorial result from How to Expose a Qt C++ Class with Signals and Slots to QML.

It shows how to:

  • Connect C++ and QML
  • Use context properties in your QML code
  • Register new QML types from C++ for your QML code


Downloads & Source Code

You can view and edit the source code with a live preview in the Felgo Cloud IDE.

You can also run the demo from the Felgo Dev App available in the app stores.

For more information and download links, browse the documentation.


Felgo

This app was created using the Felgo SDK. Felgo, a Qt technology partner, extends Qt with 200+ APIs, unique tooling like QML Code Hote Reload and cloud services like Qt CI/CD.

You can download the SDK here or get it via Qt Marketplace.

Bonus: Advanced usage with charts

If you are interested in a more advanced demo, check the C++ Backend Charts Demo App (-> Felgo Cloud IDE) which is based on the basic demo from above.

This demo shows how to combine a C++ backend that provides the model data for a frontend created in QML:

  • Connect C++ and QML to use a C++ backend for QML frontends
  • Show 2D and 3D charts in your app
  • Apply shader effects and advanced animations

The data is displayed with QML with Qt Charts for both 2D and 3D charts. It also includes shader effects for applying animations and effects to the charts.