android ripple 大小,Android Ripple 旋钮水波纹效果（一）
看到android 5.0有一個(gè)按鈕點(diǎn)擊效果非常棒，先來看效果圖：
但是這種效果只能在5.0的系統(tǒng)上有效果，如何在低版本上實(shí)現(xiàn)呢？
這種效果網(wǎng)上也有人實(shí)現(xiàn)了，
blog 地址http://blog.csdn.net/singwhatiwanna/article/details/42614953
ok，直接進(jìn)入主題，
要實(shí)現(xiàn)這種動(dòng)畫效果也不難，原理可以用一句話概括：就是，在我們按下view的時(shí)候，從按下的位置開始繪制圓，圓的半徑一直增大，直至把View全部覆蓋掉。
通過實(shí)現(xiàn)原理我們可以分析出，要實(shí)現(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計(jì)算View的size，通過size加上MotionEvent.ACTION_DOWN起始點(diǎn)計(jì)算出圓的最大半徑
代碼實(shí)現(xiàn)：
保存view的大小，用于計(jì)算繪制 圓的最大半徑
@Override
protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) {
super.onMeasure(widthMeasureSpec, heightMeasureSpec);
mRect.set(0, 0, getMeasuredWidth(), getMeasuredHeight());
}
手指按下view的時(shí)候，計(jì)算按下點(diǎn)的位置，并觸發(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ù)，重新計(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;
}
手指抬起的時(shí)候需要做的操做，把步長加大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);
}
最后就是繪制圓了，這里需要做判斷，如果當(dāng)前繪制的圓半徑?jīng)]有達(dá)到我們計(jì)算的最大半徑，需要繼續(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);
}
整個(gè)效果的實(shí)現(xiàn)，相對(duì)比較簡單，只是很無聊的一直繪圓。
最后要說明一點(diǎn)，如果你想對(duì)TextView做這種效果，則繼承TextView即可，LinearLayout等其他組件同理；
demo下載
總結(jié)
以上是生活随笔為你收集整理的android ripple 大小,Android Ripple 旋钮水波纹效果（一）的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： 输入对话框 android,androi
- 下一篇： linux 0x00,linux 学习笔