Basic QML scripting

In the following section, we will learn how to create our very first Qt Quick application using Qt Quick Designer and QML!

Setting up the project

Without further ado, let's put our hands on QML and create a Qt Quick application ourselves! For this example project, we are going to create a dummy login screen using Qt Quick Designer and a QML script. First, let's open up Qt Creator and create a new project by going to File | New File or Project...

After that, select Qt Quick Application and press Choose.... After that, press Next all the way until the project is created. We are just going to use all the default settings for this example project, including the Minimal required Qt version:

Once the project has been created, we need to add a few image files to our project, so that we can use them later:

Note

You can get the source files (including these images) at our GitHub page: http://github.com/PacktPublishing/Hands-On-GUI-Programming-with-C-QT5

We can add these images to our...