Packt+ | Advance your knowledge in tech

You're reading from Qt5 C++ GUI Programming Cookbook Design and build a functional, appealing, and user-friendly graphical user interface

Product type Paperback

Published in Jul 2016

Last Updated in Feb 2025

Publisher Packt

ISBN-13 9781783280278

Length 300 pages

Edition 1st Edition

Languages

C++

Tools

Concepts

GUI Application Development

Author (1):

Eng

Preface

1. Look and Feel Customization

2. States and Animations FREE CHAPTER

3. QPainter and 2D Graphics

4. OpenGL Implementation

5. Building a Touch Screen Application with Qt5

6. XML Parsing Made Easy

7. Conversion Library

8. Accessing Databases

9. Developing a Web Application Using Qt Web Engine

Index

In this section, we will learn how to develop a touch-driven application that runs on mobile devices using Qt Quick.

First of all, create a new Qt Quick application project.
In Qt Creator, right-click on qml.qrc and select Open in Editor. Then, click Add | Add Files and add tux.png to the project:
Next, open up MainForm.ui.qml. Drag an image widget from the Library window to the canvas. Then, set the source of the image to tux.png and set its fillmode to PreserveAspectFit. After that, set its width to 200 and its height to 220.
Make sure both the mouse area widget and the image widget are exported as alias properties of the root item by clicking on the small icon besides their respective widget name.
After that, switch over to the Script Editor by clicking on the Edit button on the side bar located at the left side of the editor. We need to change the mouse area widget to a multi-point touch area widget, like so:
```
MultiPointTouchArea {
  id: touchArea
  anchors.fill: parent...
```