一,前言
32. QT光圈漸變色掃描--Apple的學(xué)習(xí)筆記blog中,我提及了再做些好玩的應(yīng)用。
二,需求
做一個漸變圓形旋轉(zhuǎn)進(jìn)度條動畫。
三,設(shè)計方案
我網(wǎng)上參考了一個例子,主要是看懂,然后簡單修改。思路還是用timer更新繪圖來實現(xiàn)動畫效果。
因為是圓形旋轉(zhuǎn),就像時鐘一樣。且有漸變色,那么360度分為12個指針,每個指針的透明度逐漸變小。然后time更新第一個五透明度的指針。
繪制指針移動的方法是用的繪圖中線點平移到窗口中心,然后旋轉(zhuǎn)中心點(可以理解為旋轉(zhuǎn)畫布來實現(xiàn)指針的位置變換)
-
繪制指針相對于畫布中心的位置,它的技巧就是x是負(fù)數(shù),而且是寬度的1/2。
image.png 不用timeout用timerEvent更新
四,效果

image.png
五,小結(jié)
又學(xué)習(xí)了一種timeout更新的設(shè)計思路,并且掌握了繪圖畫布遷移的繪圖方法。哈哈~
