33. QT漸變色圓形進(jìn)度條--Apple的學(xué)習(xí)筆記

一,前言

32. QT光圈漸變色掃描--Apple的學(xué)習(xí)筆記blog中,我提及了再做些好玩的應(yīng)用。

二,需求

做一個漸變圓形旋轉(zhuǎn)進(jìn)度條動畫。

三,設(shè)計方案

我網(wǎng)上參考了一個例子,主要是看懂,然后簡單修改。思路還是用timer更新繪圖來實現(xiàn)動畫效果。

  1. 因為是圓形旋轉(zhuǎn),就像時鐘一樣。且有漸變色,那么360度分為12個指針,每個指針的透明度逐漸變小。然后time更新第一個五透明度的指針。

  2. 繪制指針移動的方法是用的繪圖中線點平移到窗口中心,然后旋轉(zhuǎn)中心點(可以理解為旋轉(zhuǎn)畫布來實現(xiàn)指針的位置變換)

  3. 繪制指針相對于畫布中心的位置,它的技巧就是x是負(fù)數(shù),而且是寬度的1/2。


    image.png
  4. 不用timeout用timerEvent更新

四,效果

image.png

五,小結(jié)

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

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

友情鏈接更多精彩內(nèi)容