Creating a nested animation group

One good example of using a nested animation group is when you have several parallel animation groups and you want to play the groups in sequential order.

How to do it…

Let’s follow these steps to create a nested animation group to play different animation groups in a sequential order:

1. We will use the UI from the previous example and add a few more buttons to the main window, like so:

Figure 3.4 – We need even more buttons this time around

2. Create all of the animations for the buttons and then create an easing curve and apply it to all of the animations:

   QPropertyAnimation *animation1 = new
   QPropertyAnimation(ui->pushButton, "geometry");
   animation1->setDuration(3000);
   animation1->setStartValue(ui->pushButton->geometry());
   animation1->setEndValue(QRect(50, 50, 100, 50));
   QPropertyAnimation *animation2 = new
   QPropertyAnimation(ui->pushButton_2, "...