Integrating Qt Quick with C++

Pluralsight

Course Summary

This is the third course in the series on Qt. Learn how to integrate your C++ back-end code with your beautiful QML-based Qt Quick GUI using a real-world application as a guiding example. You'll also discover new areas of the Qt framework in the process.

+
Course Description

This is the third course in the series on the Qt framework. This course will show developers how to integrate their C++ back-end code with a Qt-Quick front-end that uses QML and JavaScript. It will allow the traditional C++ developer to do what they do best, yet leverage Qt Quick for an elegant and fluid front-end. There are many ways to integrate C++ with QML, but not all are equally maintainable. This course will focus on techniques that produce flexible yet easy-to-maintain code and will leverage the multi-layered design techniques. In fact, adapting the code from part 1 will be fairly straightforward due to the design pattern employed there. This course uses the Qt 5.3.2 release of the Qt framework.

Course Description

This is the third course in the series on the Qt framework. This course will show developers how to integrate their C++ back-end code with a Qt-Quick front-end that uses QML and JavaScript. It will allow the traditional C++ developer to do what they do best, yet leverage Qt Quick for an elegant and fluid front-end. There are many ways to integrate C++ with QML, but not all are equally maintainable. This course will focus on techniques that produce flexible yet easy-to-maintain code and will leverage the multi-layered design techniques. In fact, adapting the code from part 1 will be fairly straightforward due to the design pattern employed there. This course uses the Qt 5.3.2 release of the Qt framework.

+
Course Syllabus

Overview
- 5m 30s

—Introduction 1m 45s
—Prerequisites 1m 19s
—What You'll Learn 2m 25s

Using the QML Context from C++
- 26m 52s

—Introduction: Two Way Communication 2m 11s
—Demo: QML Signals to C++ Slots 2m 45s
—Demo: C++ Signals to QML Slots 2m 57s
—Demo: Q_PROPERTY 3m 11s
—Invoking Methods 1m 59s
—Demo: Two Way Communication 5m 7s
—Data Conversion 4m 58s
—Demo: QVariantList and QVariantMap 1m 57s
—Summary 1m 41s

Creating a Qt Quick Instrument GUI
- 47m 57s

—Introduction: ARS 1m 44s
—Demo: Application First Steps 6m 43s
—Demo: Header Area and Automatic Version Numbering 6m 43s
—Demo: RF Power Area 6m 21s
—AUTO_PROPERTY and READ_ONLY_PROPERTY 1m 39s
—Demo: Using the Macros 4m 52s
—Demo: KnobControl and Knob 9m 37s
—Trigonometry and the Knob's JavaScript 4m 12s
—Demo: Preset Buttons 4m 13s
—Summary 1m 48s

Instrument GUI: C++ Side
- 44m 43s

—Overview 2m 12s
—Demo: Creating the Model Section 3m 1s
—Demo: Using the Settings 4m 25s
—Demo: Instrument Class 4m 24s
—The Startup Problem and QThread 2m 56s
—Demo: Creating the Connector Class 2m 19s
—Demo: Moving the Connector Instance to a New Thread 4m 57s
—Designing User Feedback at Startup 1m 56s
—Demo: User Feedback Getting Started 5m 30s
—Demo: User Feedback Getting Dynamic 6m 24s
—Demo: Icons, .DLLs, and Window Borders 3m 49s
—Summary 2m 44s

Registering C++ Types
- 21m 49s

—Overview 4m 11s
—Demo: Creating a New Visible QML Type 3m 53s
—Demo: Enhancing the New QML Type 6m 49s
—Demo: Using a C++ Singleton in QML 4m 45s
—Summary 2m 10s

Reaching into QML from C++
- 23m 28s

—Overview 4m 9s
—Demo: Inside QML, First Steps 4m 8s
—Demo: Working with Children and Properties 4m 32s
—Demo: Catching QML Signals in C++ 4m 7s
—Demo: Catching C++ Signals in QML 4m 23s
—Summary 2m 7s

Migrating VFP to VFP Quick
- 22m 48s

—Overview 1m 43s
—Demo: Conversion First Steps 5m 16s
—Demo: The New QML Code 5m 4s
—Demo: Changing the C++ Code 8m 23s
—Summary 2m 20s