Book Image

Qt5 C++ GUI Programming Cookbook

By : Lee Zhi Eng
Book Image

Qt5 C++ GUI Programming Cookbook

By: Lee Zhi Eng

Overview of this book

With the advancement of computer technology, the software market is exploding with tons of software choices for the user, making their expectations higher in terms of functionality and the look and feel of the application. Therefore, improving the visual quality of your application is vital in order to overcome the market competition and stand out from the crowd. This book will teach you how to develop functional and appealing software using Qt5 through multiple projects that are interesting and fun. This book covers a variety of topics such as look-and-feel customization, GUI animation, graphics rendering, implementing Google Maps, and more. You will learn tons of useful information, and enjoy the process of working on the creative projects provided in this book

Related Content you might be interested in

Current Title:

Small book image
Qt5 C++ GUI Programming Cookbook
Lee Zhi Eng
Jul, 2016 | 300 pages
No titles found
Table of Contents (16 chapters)
Qt5 C++ GUI Programming Cookbook
Qt5 C++ GUI Programming Cookbook
Credits
Credits
About the Author
About the Author
About the Reviewer
About the Reviewer
www.PacktPub.com
www.PacktPub.com
Preface
Preface
Free Chapter
1
Look and Feel Customization
Look and Feel Customization
Introduction
Use style sheets with Qt Designer
Basic style sheet customization
Creating a login screen using style sheets
Using resources in style sheets
Customizing properties and sub-controls
Styling in QML
Exposing QML object pointer to C++
2
States and Animations
States and Animations
Introduction
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
3
QPainter and 2D Graphics
QPainter and 2D Graphics
Introduction
Drawing basic shapes on screen
Exporting shapes to SVG files
Coordinate transformation
Displaying images on screen
Applying image effects to graphics
Creating a basic paint program
2D canvas in QML
4
OpenGL Implementation
OpenGL Implementation
Introduction
Setting up OpenGL in Qt
Hello world!
Rendering 2D shapes
Render 3D shapes
Texturing in OpenGL
Lighting and texture filter in OpenGL
Moving an object using keyboard controls
3D canvas in QML
5
Building a Touch Screen Application with Qt5
Building a Touch Screen Application with Qt5
Introduction
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++
6
XML Parsing Made Easy
XML Parsing Made Easy
Introduction
Processing XML data using stream reader
Writing XML data using Stream Writer
Processing XML data using the QDomDocument class
Writing XML data using the QDomDocument class
Using Google's Geocoding API
7
Conversion Library
Conversion Library
Introduction
Data conversion
Image conversion
Video conversion
Currency conversion
8
Accessing Databases
Accessing Databases
Introduction
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
9
Developing a Web Application Using Qt Web Engine
Developing a Web Application Using Qt Web Engine
Introduction
Introduction to Qt WebEngine
WebView and web settings
Embedding Google Maps in your project
Calling C++ functions from JavaScript
Calling JavaScript functions from C++
Index
Index

2D canvas in QML

In all the previous examples of this chapter, we have discussed the methods and techniques used to render 2D graphics with Qt's C++ API. However, we have yet to learn how to achieve similar results using the powerful QML script.

How to do it…

In this project, we'll be do something quite different:

  1. As usual, the first step we should do is to create a new project by going to File | New File or Project and selecting Qt Quick Application as the project template.

  2. Once you are done creating the new project, open up qml.qrc from the Resource folder in the project pane by right-clicking on it and selecting Open in Editor. Then, remove MainForm.ui.qml from your project's resources, as we don't need it for this project:

  3. Next, open up main.qml, which is listed under qml.rc in the project pane. After that, remove the entire section that references MainForm. Now what is left is only the Window object in main.qml. After that, set an ID for the window and adjust its width and height to higher...

Previous Section
End of Chapter 3
Next Chapter