9. Developing a Web Application Using Qt Web Engine | Qt5 C++ GUI Programming Cookbook

Sign In Start Free Trial

Book Overview & Buying
Table Of Contents

Qt5 C++ GUI Programming Cookbook

By : Lee Zhi Eng

3.7 (17)

Qt5 C++ GUI Programming Cookbook

3.7 (17)

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

Preface

Preface

What this book covers

What you need for this book

Who this book is for

Sections

Conventions

Reader feedback

Customer support

Free Chapter

1. Look and Feel Customization

1. 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

2. 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

3. 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

4. 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

5. 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

6. 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

7. Conversion Library

Introduction

Data conversion

Image conversion

Video conversion

Currency conversion

8. Accessing Databases

8. 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

9. 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

Embedding Google Maps in your project

In this example, we will learn how to embed Google Maps in our project through Qt's WebEngine module. This example doesn't focus much on Qt and C++, but rather on the Google Maps API in HTML code.

How to do it…

Let's create a program that displays Google Maps by following these steps:

First, create a new Qt Widgets Application project and remove the status bar, menu bar, and tool bar.
Then, open up your project file (.pro) and add the following modules to your project:
```
QT += core gui webengine webenginewidgets
```
Next, open up mainwindow.ui and add a vertical layout to the canvas. Then, select the canvas and click the Lay Out Vertically button on top of the canvas. You will get something like this:

Then, open up mainwindow.cpp and add the following headers to the top of the source code:

#include <QtWebEngineWidgets/QWebEngineView>
#include <QtWebEngineWidgets/QWebEnginePage>
#include <QtWebEngineWidgets/QWebEngineSettings>

After that, add the...

CONTINUE READING

83

Tech Concepts

36

Programming languages

73

Tech Tools

Unlimited access to the largest independent learning library in tech of over 8,000 expert-authored tech books and videos.

Innovative learning tools, including AI book assistants, code context explainers, and text-to-speech.

50+ new titles added per month and exclusive early access to books as they are being written.

Qt5 C++ GUI Programming Cookbook

Search

Your notes and bookmarks