擼個(gè)繪制的自定義View，實(shí)現(xiàn)了個(gè)RippleView，寫(xiě)下來(lái)記載。
直接上圖看效果：
ripple_view.gif
運(yùn)行時(shí)效果就是這樣，這樣的效果最常見(jiàn)的就是用來(lái)作為下載進(jìn)度條，或者作為一個(gè)交互的背景。
好，廢話(huà)不多說(shuō)，來(lái)實(shí)現(xiàn)吧。
分析
看到這個(gè)動(dòng)畫(huà)，想到的是用自定義View去做，并且在onDraw里面去繪制。具體參考這篇文章
do it
先繼承View，實(shí)現(xiàn)構(gòu)造方法，然后按照自定義三部曲走
1、onMeasure 測(cè)量大小
ripple_measure_code.png
2、onLayout確定位置
略...(沒(méi)有用到)
3、onDraw 繪制
ripple_draw_code.png
重寫(xiě)onDraw方法，在里面調(diào)用繪制波浪線方法。
其中，mOffset為波浪線的偏移量，用ValueAnimator來(lái)控制；
注意點(diǎn)：
- 繪制的path在要reset()，否則會(huì)重疊。
- 繪制的曲線要閉合，paint設(shè)置style為fill，才會(huì)把顏色填充在波浪里面。
