[Beginner] QML Programming Part 2

Qt Framework UI implementation,
More powerful with QML!

QML (Qt Modeling Language) is a programming language provided by the Qt framework. QML is a programming language that can be used for UI development within the Qt framework, making it easy to implement modern, advanced UIs.

Easy grammar, concise readability
Experience the benefits of QML.

Let's look at a "Hello World" output example, a common example when first learning a programming language. It's easy to see how concise QML is.

QML is simple and straightforward. Even non-developers can easily understand it. Therefore, designers and developers can communicate with each other using QML code and share ideas.

Introduction to QML Programming

I recommend this to these people 🙋‍♀

Course Objectives 💡

The unique features of this course
Check it out 📖

Lecture Structure 📖

Section 1. Anaimation
Animations provide an easy way to apply animations to GUI elements. For example, a button might appear and disappear. Animations can be used for this. A button might disappear for one second, for example, or a specific amount of time can be given for the Opacity value to change from 100% to 0%.

Using these animations, you can create effects similar to those used on GUIs. You can also implement effects that allow smooth screen transitions. Therefore, in this section, you'll learn how to use animations on GUI elements.

Section 2. Implementing a Ball Bounding Example Using Animation and Easing Curves
Easing Curves allow you to create more sophisticated effects by using specific options within your animations. For example, by accelerating a specific time interval during a 10-second animation, you can create a variety of effects.
In this section, you will learn how to use easing curves in animation through practical examples.

Section 3. State and Transition
A state represents a condition. A transition represents an action. For example, in an on/off switch, the conditions are "ON" and "OFF," and the action (transition) is defined as the change from "ON" to "OFF." Using states and transitions, you can group complex behaviors and have them change collectively when the conditions change, making complex GUI implementations easier to implement.

Section 4. Implementing an Image Viewer Example Using State and Transition
In this section, we will implement an Image Viewer using the State and Transition learned in the previous section.

Section 5. Model and View
Models and Views are used to display large amounts of data on a GUI. For example, when displaying 100 data items in a table, the data is stored in the Model, and the View represents how the data stored in the Model is displayed on the GUI. The View can be a table or a tree. In this section, you'll learn how to use Models and Views.

Section 6. Implementing a Chess Game Using Model and View
Learn how to implement an example of a Chess Knight using Model and View.

Section 7. Integration between QML and C++
Learn how to call specific class-specific functions in C++ from QML, and how to call specific JavaScript functions from C++. You'll also learn how to call functions and pass data between QML and C++ through hands-on examples.

Section 8. Implementing New QML Types Using C++
You'll learn how to implement your own custom types, like those provided by QML. In a hands-on example, you'll learn how to implement a Timer type yourself.

Section 9. Implementing QML Types Using the QQuickPaintedItem Class
Just as we used QPainter to display 2D graphic elements on QWidget, we will learn how to use QQuickPaintedItem class provided in C++ to display 2D graphic elements on QML Type using QPainter.

Section 10. Implementing QML Types in Nested Structures
When simply implementing a Type, you may need to implement a hierarchical structure. For example, you may need to implement multiple Types within a Type. In this section, we'll learn how to implement a hierarchical Type through the topic of Chart.

Section 11. Mapping QML Objects and Variables from C++
In this section, you will learn about data exchange between C++ and QML and how to map variable types between C++ and QML.

Section 12. Implementing a Chat Example Using C++ and QML
This section demonstrates a simple chat example, implementing chat functionality in C++ and the screen in QML. This section teaches you how to build applications using C++ and QML.

Q&A 💬

To these people
I recommend it!