Introduction to Qt – Intro to QML {tutorial}

In this tutorial, Bryan Cairns aka Voidrealms gives us a short introduction into QML, specifically how to work with signals, slots and property bindings.

[abdshomad]

~ Timeline for watching again later ~
00:00 Missing step: Create Qt Quick Application
Launch Qt Creator
Projects -> New -> Application (Qt Quick) -> Qt Quick Application (Empty)
00:01 QML Introduction to Signals, Slots and Property Bindings
00:12 Property Bindings
00:22 Scenario: Sender send signal to Receiver object to update counter and run simple animation
00:33 Create Background UI
01:05 Create Circle (custom component)
01:46 Add Text field to the Circle
02:15 Export text and color as properties
02:34 Create Receiver QML and create receive function (slot)
04:29 Create Sender QML and create counter property and
05:14 Create signal send on Sender QML
When target changed, connect send signal and receive slot
05:47 Make clickable using MouseArea
06:41 Combine all together: Background, Sender, Receiver
07:35 set sender.target = receiver
07:47 run
07:58 Demo Property Bindings

[osmanpasha_diy]

Err, what kind of intro tutorial is it?

[AnhTuNguyenanhtunguyen]

Nice. Thank you so much. Please release more QT tutorial

[batner]

I loved Rectangle with the property Radius.

[mgul]

It would help to have some more examples showing database binding examples with QML, but with SQL Server, Oracle or any other database server.

[ligazetom]

I wonder, let's say I want to have access to the counter value in C++. Is it better to count in qml and then send the value to my c++ functions or should I call some c++ function that will increment my private counter everytime button is clicked?

[tawalioualao]

I like this framework. I work to learn the best of it

[digimikeh]

hi!.. do Im forced to use QML to do desktop applications?... I really prefer to use c++

[SoundOfYourDestiny]

There seems to be a step missing: creating this project.

[danielphd]

Thank you very much #Qt for this insightful video #cpp #cplusplus #QML #QtQuick #designer

[bluecarrots]

I can't drag my QML Components on top of each other like you do at 6:50. My background is just a square like it was behind the window and when I drag my receiver on, a yellow tringle shows up in my navigator and says "component with path ... could not be created". I'm using Qt Creator 4.7 and Qt version 5.11.1 and require newest version of QML in the project.

[xbaadfd]

Why does the sender have a pointer/reference to the receiver? Why does the sender bind to a specific function in the receiver? Keep things simple and separate, I always thought. Why not do this in main, or somewhere else? Now sender is bound to receiver and cannot really function with other .. classes?

Oh god, I don't want to code with QML. I hope it gets better.

[perbalutationpsnarficon]

Would that this were published in higher definition. Full-screen is too blurry to read, default screen is too small to read. Difficult to follow along using the few voice cues. HD would be nice. 1920x1080 is the default on this linux laptop.

[martindelille]

I have an error when creating when creating the Background QtQuick UI file: when trying to edit it in the design mode, I have code instead of a transparent background with the following error: Using Qt Quick 1 code model instead of Qt Quick 2. (M324)

[vincentpoortvliet]

i am getting the error: qrc:/Receiver.qml:8: Error: Cannot assign [undefined] to QString

[johntrites]

Once again, you don't show how you started "qmlexample" !!! Here's an idea, how about making all of your tutorials complete by showing how you arrive at each step, including the Beginning!!!

[yassinechaibi]

i can't find the receiver and the sender in the qml components
!

[ofresh]

He's a programmer, but not a teacher! :(