看到android 5.0有一個按鈕點擊效果非常棒，先來看效果圖：

但是這種效果只能在5.0的系統(tǒng)上有效果，如何在低版本上實現(xiàn)呢？

這種效果網(wǎng)上也有人實現(xiàn)了，

blog 地址http://blog.csdn.net/singwhatiwanna/article/details/42614953

ok，直接進入主題，

要實現(xiàn)這種動畫效果也不難，原理可以用一句話概括：就是，在我們按下view的時候，從按下的位置開始繪制圓，圓的半徑一直增大，直至把View全部覆蓋掉。

通過實現(xiàn)原理我們可以分析出，要實現(xiàn)這種效果，需要重寫onDraw方法，onTouchEvent方法，如果有必要還需要通過onMeasure方法來獲取View的size

1、onDraw方法，就是不斷的繪制圓，這里需要循環(huán)調(diào)用，

2、onTouchEvent方法：通過MotionEvent.ACTION_DOWN和MotionEvent.ACTION_UP做相應(yīng)的操作并觸發(fā)onDraw方法

3、onMeasure計算View的size，通過size加上MotionEvent.ACTION_DOWN起始點計算出圓的最大半徑

代碼實現(xiàn)：

保存view的大小，用于計算繪制 圓的最大半徑

@Override

protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) {

super.onMeasure(widthMeasureSpec, heightMeasureSpec);

mRect.set(0, 0, getMeasuredWidth(), getMeasuredHeight());

}

手指按下view的時候，計算按下點的位置，并觸發(fā)onDraw方法

public boolean onTouchEvent(MotionEvent event) {

final int action = MotionEventCompat.getActionMasked(event);

switch (action) {

case MotionEvent.ACTION_DOWN: {

mDrawFinish = false;

int index = MotionEventCompat.getActionIndex(event);

int eventId = MotionEventCompat.getPointerId(event, index);

if (eventId != -1) {

mInitX = (int) MotionEventCompat.getX(event, index);

mInitY = (int) MotionEventCompat.getY(event, index);

updateDrawData();

ViewCompat.postInvalidateOnAnimation(this);

}

return true;

}

更新數(shù)據(jù)，重新計算圓的半徑和步長

private void updateDrawData() {

int radiusLeftTop = (int) Math.sqrt((mRect.left - mInitX) * (mRect.left - mInitX) +

(mRect.top - mInitY) * (mRect.top - mInitY));

int radiusRightTop = (int) Math.sqrt((mRect.right - mInitX) * (mRect.right - mInitX) +

(mRect.top - mInitY) * (mRect.top - mInitY));

int radiusLeftBottom = (int) Math.sqrt((mRect.left - mInitX) * (mRect.left - mInitX) +

(mRect.bottom - mInitY) * (mRect.bottom - mInitY));

int radiusRightBottom = (int) Math.sqrt((mRect.right - mInitX) * (mRect.right - mInitX) +

(mRect.bottom - mInitY) * (mRect.bottom - mInitY));

mRadius = getMax(radiusLeftTop, radiusRightTop, radiusLeftBottom, radiusRightBottom);

mStep = mRadius/mCycle;

}

手指抬起的時候需要做的操做，把步長加大2.5倍，加快圓的繪制

@Override

public boolean onTouchEvent(MotionEvent event) {

final int action = MotionEventCompat.getActionMasked(event);

switch (action) {

//..

case MotionEvent.ACTION_CANCEL:

case MotionEvent.ACTION_UP:

mStep = (int) (2.5f * mStep);

mDrawBack = true ;

break;

}

return super.onTouchEvent(event);

}

最后就是繪制圓了，這里需要做判斷，如果當前繪制的圓半徑?jīng)]有達到我們計算的最大半徑，需要繼續(xù)繪制

@Override

protected void onDraw(Canvas canvas) {

if (mDrawFinish) {

super.onDraw(canvas);

return;

}

canvas.drawColor(0x08000000);

super.onDraw(canvas);

if (mStep == 0) {

return;

}

mDrawRadius = mDrawRadius + mStep;

if (mDrawRadius > mRadius) {

mDrawRadius = 0;

canvas.drawCircle(mInitX, mInitY, mRadius, mRevealPaint);

mDrawFinish = true;

ViewCompat.postInvalidateOnAnimation(this);

return;

}

canvas.drawCircle(mInitX, mInitY, mDrawRadius, mRevealPaint);

ViewCompat.postInvalidateOnAnimation(this);

}

整個效果的實現(xiàn)，相對比較簡單，只是很無聊的一直繪圓。

最后要說明一點，如果你想對TextView做這種效果，則繼承TextView即可，LinearLayout等其他組件同理；

demo下載

總結(jié)

以上是生活随笔為你收集整理的android ripple 大小,Android Ripple 旋钮水波纹效果（一）的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。