Book Image

Qt5 C++ GUI Programming Cookbook - Second Edition

By : Lee Zhi Eng
Book Image

Qt5 C++ GUI Programming Cookbook - Second Edition

By: Lee Zhi Eng

Overview of this book

With the growing need to develop GUIs for multiple targets and multiple screens, improving the visual quality of your application becomes important so that it stands out from your competitors. With its cross-platform ability and the latest UI paradigms, Qt makes it possible to build intuitive, interactive, and user-friendly user interfaces for your applications. Qt5 C++ GUI Programming Cookbook, Second Edition teaches you how to develop functional and appealing user interfaces using the latest version of QT5 and C++. This book will help you learn a variety of topics such as GUI customization and animation, graphics rendering, implementing Google Maps, and more. You will also be taken through advanced concepts like asynchronous programming, event handling using signals and slots, network programming, various aspects of optimizing your application. By the end of the book, you will be confident to design and customize GUI applications that meet your clients' expectations and have an understanding of best practice solutions for common problems.

Related Content you might be interested in

Current Title:

Small book image
Qt5 C++ GUI Programming Cookbook - Second Edition
Lee Zhi Eng
Mar, 2019 | 428 pages
Small book image
Hands-On GUI Programming with C++ and Qt5
Lee Zhi Eng
Apr, 2018 | 404 pages
Small book image
Application Development with Qt Creator
Lee Zhi Eng | Ray Rischpater
Jan, 2020 | 426 pages
Small book image
Cross-Platform Development with Qt 6 and Modern C++
Nibedit Dey
Jun, 2021 | 442 pages
Table of Contents (15 chapters)
Preface
Preface
Who this book is for
What this book covers
To get the most out of this book
Sections
Get in touch
Free Chapter
1
Look-and-Feel Customization with Qt Designer
Look-and-Feel Customization with Qt Designer
Introduction
Technical requirements
Using style sheets with Qt Designer
Customizing basic style sheets
Creating a login screen using style sheets
Using resources in style sheets
Customizing properties and sub-controls
Styling in Qt Modeling Language (QML)
Exposing the QML object pointer to C++
2
Event Handling - Signals and Slots
Event Handling - Signals and Slots
Introduction
Technical requirements
New signals and slots syntax
UI events with signals and slots
Asynchronous programming made easier
Function callbacks
3
States and Animations with Qt and QML
States and Animations with Qt and QML
Introduction
Technical requirements
Property animation in Qt
Using easing curves to control property animation
Creating an animation group
Creating a nested animation group
State machines in Qt
States, transitions, and animations in QML
Animating widget properties using animators
Sprite animation
4
QPainter and 2D Graphics
QPainter and 2D Graphics
Introduction
Technical requirements
Drawing basic shapes onscreen
Exporting shapes to SVG files
Coordinate transformation
Displaying images onscreen
Applying image effects to graphics
Creating a basic paint program
Rendering a 2D canvas in QML
5
OpenGL Implementation
OpenGL Implementation
Introduction
Technical requirements
Setting up OpenGL in Qt
Hello World!
Rendering 2D shapes
Rendering 3D shapes
Texturing in OpenGL
Basic lighting in OpenGL
Moving an object using keyboard controls
3D canvas in QML
6
Using Network and Managing Large Documents
Using Network and Managing Large Documents
Introduction
Technical requirements
Creating a TCP server
Creating a TCP client
Uploading and downloading files using FTP
7
Threading Basics - Asynchronous Programming
Threading Basics - Asynchronous Programming
Introduction
Technical requirements
Using threads
QObject and QThread
Data protection and sharing data between threads
Working with QRunnable processes
8
Building a Touch Screen Application with Qt5
Building a Touch Screen Application with Qt5
Introduction
Technical requirements
Setting up Qt for mobile applications
Designing a basic user interface with QML
Touch events
Animation in QML
Displaying information using model/view
Integrating QML and C++
9
XML Parsing Made Easy
XML Parsing Made Easy
Technical requirements
Processing XML data using the stream reader
Writing XML data using the Stream Writer
Processing XML data using the QDomDocument class
Writing XML data using the QDomDocument class
Using Google's Geocoding API
10
Conversion Library
Conversion Library
Introduction
Technical requirements
Converting data
Converting images
Converting videos
Converting currency
11
Accessing Databases with SQL Driver and Qt
Accessing Databases with SQL Driver and Qt
Introduction
Technical requirements
Setting up a database
Connecting to a database
Writing basic SQL queries
Creating a login screen with Qt
Displaying information from a database on a model view
Advanced SQL queries
12
Develop Web Applications using Qt WebEngine
Develop Web Applications using Qt WebEngine
Introduction
Technical requirements
Introducing Qt WebEngine
Using WebView and web settings
Embedding Google Maps in your project
Calling C++ functions from JavaScript
Calling JavaScript functions from C++
13
Performance Optimization
Performance Optimization
Introduction
Technical requirements
Optimizing form and C++
Profiling and optimizing QML
Rendering and animation
14
Other Books You May Enjoy
Other Books You May Enjoy
Leave a review - let other readers know what you think

Designing a basic user interface with QML

In this example, we will learn how to use Qt Quick Designer to design our program's user interface.

How to do it...

Let's follow these steps to get started:

  1. First of all, create a new Qt Quick application project, just like we did in the previous recipe.
You can also use the previous project files if you wish to.
  1. You will see a QML file in your project resources—main.qml. This is where we implement the logic for our application, but we will also need another QML file where we define our user interface.
  1. Let's create the QML UI file by going to File | New File or Project, then select QtQuick UI File under Qt category as shown in the following screenshot:
...
Previous Section
End of Section 5
Next Section