分享-博客遷移
最近時間比較充裕一些,總結了下幾個項目用到的ui效果,在這邊共享給大家,也給自己做個記錄 (后面會有demo貼出).主要是以下幾種ui效果:
- 進度條多種展示
- 開源loading動畫
- 火箭升空
- 撒花效果(仿微信)
- 氣溫趨勢圖
一、進度條
這邊主要是有四種進度條展示,具體效果請往下看:
進度條
二、開源loading動畫
這邊有兩種動畫,來自于網上的開源demo,第一種是市場上app的比較常見動畫,第二種是新版58的加載動畫,具體效果請往下看:
進度條
三、火箭升空
這是在公司的一鍵清理項目中用到的一個動畫,主要是幾個imageview結合Animation實現的。具體效果請往下看:
進度條
四、撒花動畫
撒花的實現,主要原理是這樣的:生成三組粒子,根據屬性不同繪制所屬的Path路徑,用三組相對應的ObjectAnimator動畫去啟動該三組粒子,在動畫變化過程中,用AnimatorUpdateListener注冊監聽,在onAnimationUpdate()方法中設置值并觸發繪制。
具體效果請往下看:
進度條
五、氣溫趨勢圖
這個是公司項目天氣掛件里的用到的一個效果,具體效果請往下看:
進度條
五個效果,我已經運行到demo中,demo已做好代碼注釋,所以實現就不多說了,代碼結構如下:
Paste_Image.png
demo代碼下載鏈接
在這邊推薦兩篇文章:
懂得分享,才能成長,大家有好的效果,也請分享出來。
Ps:以前博客遷移到簡書,如果你覺得文章還可以,麻煩底下點個“喜歡”!