33. QT渐变色圆形进度条--Apple的学习笔记

一，前言

32. QT光圈渐变色扫描--Apple的学习笔记blog中，我提及了再做些好玩的应用。

二，需求

做一个渐变圆形旋转进度条动画。

三，设计方案

我网上参考了一个例子，主要是看懂，然后简单修改。思路还是用timer更新绘图来实现动画效果。

1. 因为是圆形旋转，就像时钟一样。且有渐变色，那么360度分为12个指针，每个指针的透明度逐渐变小。然后time更新第一个五透明度的指针。

2. 绘制指针移动的方法是用的绘图中线点平移到窗口中心，然后旋转中心点（可以理解为旋转画布来实现指针的位置变换）

3. 绘制指针相对于画布中心的位置，它的技巧就是x是负数，而且是宽度的1/2。

   
   
   image.png

4. 不用timeout用timerEvent更新

四，效果

image.png

五，小结

又学习了一种timeout更新的设计思路，并且掌握了绘图画布迁移的绘图方法。哈哈~