效果

　　由于录制程序的原因，引起gif效果不清晰，可忽略。

资源

　　需要几张不同阶段的图标进行切换，这里使用8张。

源码

　　QPropertyAnimation动画里面并不支持旋转的属性，所以我们可以通过自定义来完成。

1 class MainWindow : public CustWindow 2 ;
1 m_pAnimation = new QPropertyAnimation(this, "pixmap"); 2 m_pAnimation>setDuration(1000); 3 // 永远运行，直到stop 4 m_pAnimation>setLoopCount(1); 5 6 // 设置动画各区间的值 7 for (int i = 0; i < 8; ++i) 8 11 12 // 开始动画 13 startAnimation();
1 void MainWindow::startAnimation() 2 5 6 void MainWindow::stopAnimation() 7 10 11 int MainWindow::pixmap() const 12 15 16 void MainWindow::setPixmap(const int index) 17

分析
　　首先我们通过Q_PROPERTY来声明属性，这样我们就可以在QPropertyAnimation动画中使用了，然后通过设置动画的时长、运行次数、各个区间的值达到切换图标的效果，然后动画就可以很流畅的实现了。因为这里存在8张图标，所以通过setKeyValueAt(i/7.0, i + 1)来设置各区间范围。

衍伸
　　上面我们使用了8张图标进行切换，另外一种方式只使用一张，然后进行图标旋转。

1 // 设置动画各区间的值 2 for (int i = 0; i <= 10; ++i) 3 6 7 void MainWindow::setPixmap(const int index) 8

　　这里虽然只用了一张图片，但是存在一个问题，因为图片是28*28的，旋转角度如果不是90度的整数，那么，旋转后图片肯定会进行缩放，这时可能会造成上下跳动的情况，所以我们需要将图标固定到一个固定大小的控件里面，防止此情况的发生。