Android自定義View——貝塞爾曲線實現水波紋效果


我們使用到的是Path類的quadTo(x1, y1, x2, y2)方法,屬於二階貝塞爾曲線,使用一張圖來展示二階貝塞爾曲線,這里的(x1,y1)是控制點,(x2,y2)是終止點,起始點默認是Path的起始點(0,0)

1、通過for循環畫出兩個波紋,需要波紋的-mWL點、-3/4 * mWL點、-1/2 * mWL、-1/4 * mWL四個點,通過path的quadTo畫出
2、接着通過ValueAnimator對offset遞增,實現平移效果,並無限重復

實現一次循環波紋,紅點為貝塞爾坐標:

實現無限次循環波紋:

接下來在波紋下方的空白處畫上一個矩形:

1、初始化變量

2、初始化畫筆

3、獲取寬和高

4、繪制水波紋

5、實現平移效果

6、源碼下載

水波紋View下載


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM