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:
- 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
- Open up
mainwindow.cpp
and add the following line of code at the beginning of the source code:#include <QPropertyAnimation>
- After that, open up
mainwindow.cpp
and add the following code to the constructor:QPropertyAnimation *animation = new QPropertyAnimation(ui->pushButton, "geometry...