Book Image

Hands-On GUI Programming with C++ and Qt5

By : Lee Zhi Eng
Book Image

Hands-On GUI Programming with C++ and Qt5

By: Lee Zhi Eng

Overview of this book

Qt 5, the latest version of Qt, enables you to develop applications with complex user interfaces for multiple targets. It provides you with faster and smarter ways to create modern UIs and applications for multiple platforms. This book will teach you to design and build graphical user interfaces that are functional, appealing, and user-friendly. In the initial part of the book, you will learn what Qt 5 is and what you can do with it. You will explore the Qt Designer, discover the different types of widgets generally used in Qt 5, and then connect your application to the database to perform dynamic operations. Next, you will be introduced to Qt 5 chart which allows you to easily render different types of graphs and charts and incorporate List View Widgets in your application. You will also work with various Qt modules, like QtLocation, QtWebEngine, and the networking module through the course of the book. Finally, we will focus on cross-platform development with QT 5 that enables you to code once and run it everywhere, including mobile platforms. By the end of this book, you will have successfully learned about high-end GUI applications and will be capable of building many more powerful, cross-platform applications.

Related Content you might be interested in

Current Title:

Small book image
Hands-On GUI Programming with C++ and Qt5
Lee Zhi Eng
Apr, 2018 | 404 pages
Small book image
Qt5 C++ GUI Programming Cookbook.
Lee Zhi Eng
Mar, 2019 | 428 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 (18 chapters)
Preface
Preface
Who this book is for
What this book covers
To get the most out of this book
Get in touch
Free Chapter
1
Introduction to Qt
Introduction to Qt
What is Qt?
Downloading and installing Qt
Running our first Hello World Qt program
Summary
2
Qt Widgets and Style Sheets
Qt Widgets and Style Sheets
Introduction to Qt Designer
Basic Qt widgets
Qt Style Sheets
Summary
3
Database Connection
Database Connection
Introducing the MySQL database system
Setting up the MySQL database
SQL commands
Database connection in Qt
Creating our functional login page
Summary
4
Graphs and Charts
Graphs and Charts
Types of charts and graphs in Qt
Implementing charts and graphs
Creating the dashboard page
Summary
5
Item Views and Dialogs
Item Views and Dialogs
Working with item view widgets
Working with dialog boxes
Creating File Selection Dialogs
Image scaling and cropping
Summary
6
Integrating Web Content
Integrating Web Content
Creating your own web browser
Sessions, cookies, and cache
Integrating JavaScript and C++
Summary
7
Map Viewer
Map Viewer
Map display
Marker and shape display
Obtaining a user's location
Geo Routing Request
Summary
8
Graphics View
Graphics View
Graphics View framework
Summary
9
The Camera Module
The Camera Module
The Qt multimedia module
Connecting to the camera
Capturing a camera image to file
Recording a camera video to file
Summary
10
Instant Messaging
Instant Messaging
The Qt networking module
Creating an instant messaging server
Creating an instant messaging client
Summary
11
Implementing a Graphics Editor
Implementing a Graphics Editor
Drawing vector shapes
Saving vector images to an SVG File
Creating a paint program
Summary
12
Cloud Storage
Cloud Storage
Setting up the FTP server
Displaying the file list on the list view
Uploading files to the FTP server
Downloading files from the FTP server
Summary
13
Multimedia Viewers
Multimedia Viewers
Revisiting the multimedia module
The image viewer
The music player
The video player
Summary
14
Qt Quick and QML
Qt Quick and QML
Introduction to Qt Quick and QML
Qt Quick widgets and controls
Qt Quick Designer
Qt Quick layouts
Basic QML scripting
Summary
15
Cross-Platform Development
Cross-Platform Development
Understanding compilers
Build settings
Deploying to PC platforms
Deploying to mobile platforms
Summary
16
Testing and Debugging
Testing and Debugging
Debugging techniques
Debuggers supported by Qt
Unit testing
Summary
17
Other Books You May Enjoy
Other Books You May Enjoy
Leave a review - let other readers know what you think

Qt Quick Designer

Next, we will look at the Qt Quick Designer layout for the Qt Quick Application project. When you open up a .ui.qml file, Qt Quick Designer, the designer tool included in the Qt Creator toolset, will be launched automatically for you.

Those of you who have followed all the example projects since the very first chapter of this book may realize the Qt Quick Designer looks a bit different from the one we have been using all this time. This is because the Qt Quick project is very different from the Qt Widgets project, so naturally the designer tool should also look different to suit its needs.

Let's look at how the Qt Quick Designer looks in the Qt Quick project:

  1. Library: The Library window displays all the QML types available for the current project. You can click and drag it to the canvas window to add it to your UI. You can also create your own custom QML...
Previous Section
End of Section 4
Next Section