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
Table of Contents (16 chapters)
Qt5 C++ GUI Programming Cookbook
Credits
About the Author
About the Reviewer
www.PacktPub.com
Preface
Index

Calling JavaScript functions from C++


In the previous example, we have learned how to call C++ functions from JavaScript through Qt's Web Channel system. In this example, we will try to do the reverse: call JavaScript functions from C++ code.

How to do it…

We can call JavaScript functions from C++ through the following steps:

  1. As usual, create a new Qt Widgets Application project and add the webengine and webenginewidgets modules to your project.

  2. Then, open up mainwindow.ui and remove the tool bar, menu bar, and status bar.

  3. After that, add a vertical layout and a horizontal layout to the canvas. Then, select the canvas and click Lay Out Vertically. Make sure the horizontal layout is located at the bottom of the vertical layout.

  4. Add two push buttons to the horizontal layout; one is called Change HTML Text and the other one is called Play UI Animation. Right-click on one of the buttons and click Go to slot…. A window will now pop up and ask you to pick a signal. Select the clicked() option and click...