Book Image

Cross-Platform Development with Qt 6 and Modern C++

By : Nibedit Dey
Book Image

Cross-Platform Development with Qt 6 and Modern C++

By: Nibedit Dey

Overview of this book

Qt is a cross-platform application development framework widely used for developing applications that can run on a wide range of hardware platforms with little to no change in the underlying codebase. If you have basic knowledge of C++ and want to build desktop or mobile applications with a modern graphical user interface (GUI), Qt is the right choice for you. Cross-Platform Development with Qt 6 and Modern C++ helps you understand why Qt is one of the favorite GUI frameworks adopted by industries worldwide, covering the essentials of programming GUI apps across a multitude of platforms using the standard C++17 and Qt 6 features. Starting with the fundamentals of the Qt framework, including the features offered by Qt Creator, this practical guide will show you how to create classic user interfaces using Qt Widgets and touch-friendly user interfaces using Qt Quick. As you advance, you'll explore the Qt Creator IDE for developing applications for multiple desktops as well as for embedded and mobile platforms. You will also learn advanced concepts about signals and slots. Finally, the book takes you through debugging and testing your app with Qt Creator IDE. By the end of this book, you'll be able to build cross-platform applications with a modern GUI along with the speed and power of native apps.
Table of Contents (17 chapters)
Section 1: The Basics
Section 2: Cross-Platform Development
Section 3: Advanced Programming, Debugging, and Deployment

Positioners and layouts in QML

There are different ways to position items in QML. You can manually position a control by mentioning x and y coordinates or by using anchors, positioners, or layouts. Let's discuss how to position a control through the aforementioned methods.

Manual positioning

A control can be positioned at specific x and y coordinates by setting their corresponding x and y properties. As per the visual coordinate system rules, this will position the controls relative to the top-left corner of their parent.

The following code snippet shows how to place a Rectangle item at position (50,50):

import QtQuick
Rectangle {
    // Manually positioned at 50,50
    x: 50 // x position
    y: 50 // y position
    width: 100; height: 80
    color: "blue"

When you run the preceding code, you will see a blue rectangle created at the (50,50) position....