Property animation in Qt

In this example, we will learn how to animate our Graphical User Interface (GUI) elements using Qt’s property animation class, a part of its powerful animation framework that allows us to create fluid-looking animations with minimal effort.

How to do it…

In the following example, we will create a new widget project and animate the push button by changing its properties:

1. Let’s create a new Qt Widgets Application project. After that, open up mainwindow.ui with Qt Designer and place a button on the main window, as shown here:

Figure 3.1 – Dragging and dropping a push button to the UI canvas

2. Open up mainwindow.cpp and add the following line of code at the beginning of the source code:

   #include <QPropertyAnimation>

3. After that, open up mainwindow.cpp and add the following code to the constructor:

   QPropertyAnimation *animation = new
   QPropertyAnimation(ui->pushButton, "geometry...