Starting with Qt Quick and QML

Qt Quick is another way of creating complete application in place of Qt Widgets. The Qt Quick module provides transitions, animations, and visual effects. You can also customize graphical effects with shaders. This module is especially efficient at making software for devices using touchscreens. Qt Quick uses a dedicated language – the Qt Modeling Language (QML). It is a declarative language, with a syntax similar to that of JSON (JavaScript Object Notation). Furthermore, QML also supports JavaScript expressions inline or in a separate file.

Let's begin with a simple example of a Qt Quick application using QML. Create a new file called main.qml with this code snippet:

import QtQuick 2.5 
import QtQuick.Window 2.2 
 
Window { 
    visible: true 
    width: 640; height: 480 
 
    // A nice red rectangle 
    Rectangle { 
        width: 200; height: 200 
        color: "red" 
    } 
} 

Qt 5 provides a nice tool called qmlscene to prototype a QML user interface....