Qml/Qt practical design workshop( Using QT , QML and C++)

Name: Qml/Qt practical design workshop( Using QT , QML and C++)
Rating: 4.4 (13 reviews)

Practical design of a large complex software using Qt, Qml and C++ from Scratch

Created byEzeuko Emmanuel

Last updated 11/2023

English

English [Auto],

What you'll learn

The student will Implement a sophiscated music composer application using knowledge of C++, Qt and QML
The student will implement Loader concept, and how to load different pages onclick which is used in large applications
The learner will learn how to Call Qt functions in Qml and use it for dynamc object implementation
The learner will learn how to animate images and text using timers and random number generators.
The studen will learn the difference between Listview, repeaters, components and delegates and how to implement them
The student will implement Listview using List model and also use its classes including append, remove, setProperty, insert etc.

Course content

4 sections • 22 lectures • 6h 2m total length

00. Introduction8:56
Design a seven-page music composer app named piano key with QML and Qt, featuring home, composer dashboard, playlist, keyboard with treble and bass clefs, and auto composer.
01. How to create rectangles and loaders8:56
Design a music player and composer app using Qt and QML, building seven pages and loading them with a loader, while using rectangles for the title bar and main area.
02. How to implement gradient and colors16:45
Design and test a gradient-enabled qml loader with a red title bar and blue main window, including logo and menu, and scaffold seven qml pages for music player and composer.
03. How to insert and animate Images and text6:03
QML/Qt practical design by learning to insert and animate images and text in a main window, using anchors, margins, and properties to control size and source.
04. Calling Qt functions in Qml11:08
Call Qt functions from QML by exposing a C++ object via the QML engine context, then update a wallpaper image with random values bounded to 35 images using a timer.
05. loading different windows in Qml and Image Animation19:31
Load different windows in QML, use a list model and list view to display items, and animate images with a timer, while the logo returns to the main QML.

06. section2 - keyboard List model and list view13:55
Design a composer window with a top title bar, left music note selector, bottom keyboard, and center area, using list models for keyboard and notes.
07. Using Listview delegate in a component18:36
Explains building piano editor in QML/Qt using a keyboard in QML, list views for white and black keys, and a delegate component with press color changes and a sound hook.
08. Listview set property and radio buttons20:03
Learn to implement the play sound function for 28 piano notes, map flats and sharps, and build a list view with radio buttons for flat, none, or sharp.
09. Using Repeaters and listview delegates18:47
Design the music editor main area with treble and bass clefs, 14 equal spaces, and vertical note lines using repeaters and list view delegates.
10. explanation on property , timer and dynamic objects15:54
Learn to build a qt/qml music composer interface using properties, timers, and dynamic objects; place notes on vertical time lines and horizontal pitch lines, and manage them with a multimap.
11. How to use mouse ontered, onexited, onpressed, onreleased, onclicked21:29
Explore interactive QML/Qt design by handling mouse events on vertical staff lines, dynamically creating and placing music note components, and updating key colors and playback on click.
12. How to play sound using QSoundEffect21:18
Explore managing musical notes in qml/qt with c++, using batch delete of lines, add and remove nodes in a multimap, and playing sounds with qsoundeffect via timers.
13. Impementing Popup in qml and Qt18:12
Design a QML/Qt save workflow with a popup that saves only when at least one note exists, requires a name of at least three letters, and updates the playlist.

14. How to implement nested listview in a component23:03
Design a playlist menu with a dynamic list model and a nested list view in qml, showing each song’s name, image, date, and five action options.
15. How to Load music file into our application18:32
Learn to manage a music playlist by loading, deleting, copying songs, and controlling playback speed with set and get speed, while updating the local file system and playlist model.

16. How to create dynamic components in Qml27:14
Learn to create dynamic qml components for a falling keyboard effect using createComponent, sequential animation, and timers, with synchronized key placement, colors, and piano-style white and black keys.
17. Playing music in Qml part112:00
Implement timer-driven playback of music notes in qml, map key indices to actual names, handle sharps and flats with minor keys arrays, and drive key lighting as notes play.
18. Playing music in Qml part222:37
Develop a QML piano interface in Qt that maps white and black keys, handles sharps and flats, and uses key indices and colors as rectangles hit.
19. Playing music on the Clef6:27
Design and animate falling key rectangles in the qml/qt practical design workshop, showing gradient changes as keys touch the keyboard and displaying each key name.
20. How to set Property for dynamic contents10:29
Explain how to set properties in QML by explicitly declaring attributes like underscore color and index, with tests and color changes as keys cross a red line.
21. Design Form with text field, Label, combox box and radio and submit button22:07
Explore designing a qml/qt form for music generation, using text fields, labels, combo boxes, and check boxes to collect song name, duration, level, and clef choices, then generate.

Requirements

Basic understanding of Qt, QML, C++

Description

Hands-on design of a large complex software using Qt, Qml and C++ from Scratch.

This course teaches Qml /Qt using the design of a Large sophisticated Music composer application. The students learns the concept from scratch as the lecture opens by introducing Qml basic concepts like rectangles, text, images, anchors and loaders up until when complex calculations and dynamic object/page loading takes place.

Some of the concepts QML, QT and C++ concepts you will learn in this course includes:

1. Concept of List view, nested list view, component, delegates and List model and how they are used to implement dynamic objects.

2. Image and text insertion, including animation using timers and random number generators.

3. Back-end implementation through calling Qt functions in QML using QINVOKABLES();

4. Playing media in QML using Qt libraries, Qsoundeffect, Qsound(), etc.

5. How to create dynamic component in QMl using the createcomponent libraries.

6. How to implement Popup and form component : radio buttons, combo box, textfield, submit button and how form inputs are processed on the backend.

7. Reading keyboard input and mouse action like: onpressed, onreleased, onentered, onexited, onclicked etc.

8. Setting list view properties for dynamic component including : append(), remove(), insert() etc.

At the end of this course, the student will be able to design complex software in QT/QML.

Who this course is for:

C++ developers
QML developers
QT developers

Qml/Qt practical design workshop( Using QT , QML and C++)

What you'll learn

Explore related topics

Course content

Loading the Main.qml6 lectures • 1hr 11min

Loading the Edit window8 lectures • 2hr 28min

Loading the playlist window and simulating the music player2 lectures • 42min

Introduction6 lectures • 1hr 41min

Requirements

Description

Who this course is for: