android自定义滑块解锁,android 滑动解锁

通过android自定义View实现横向的滑动解锁，1、滑动到中间会自动返回到原始的位置，2、滑动到底部会自动解锁，会触发解锁的回调；首先看效果图如下：

实现以上部分一共分为三部分：

其中背景通过shape.xml实现

滑动的锁是一张图片

文字通过Paint绘制在中间，高度可定制

主要介绍一下实现的主要部分:

(1)有自定义的属性如下：

(2)重写ondraw()方法,绘制文字和锁：

@Overrideprotected void onDraw(Canvas canvas)

{

canvas.getClipBounds(mTipsTextRect);

int cHeight = mTipsTextRect.height();

int cWidth = mTipsTextRect.width();

mPaint.setTextAlign(Paint.Align.LEFT);

mPaint.getTextBounds(mTipText, 0, mTipText.length(), mTipsTextRect);

float x = cWidth / 2f – mTipsTextRect.width() / 2f – mTipsTextRect.left;

float y = cHeight / 2f + mTipsTextRect.height() / 2f – mTipsTextRect.bottom;

canvas.drawText(mTipText, x, y, mPaint);

int rightMax = getWidth() – mLockRadius * 2;

if (mLocationX < 0) {

canvas.drawBitmap(mLockBitmap, 0, 0, mPaint);

} else if (mLocationX > rightMax) {

canvas.drawBitmap(mLockBitmap, rightMax, 0, mPaint);

} else {

canvas.drawBitmap(mLockBitmap, mLocationX, 0, mPaint);

}

}

(3)最重要的一步是触摸事件的处理,1、当触摸屏幕是触发ACTION_DOWN事件，计算时候触摸到锁，只有当触到锁的时候才能滑动；2、手指移动时，获得新的位置后计算新的位置，然后重新绘制，若移动到另一端表示解锁成功，执行回调方法解锁成功；3、手指离开屏幕后重新reset View,动画回到初始位置：

@Override

public boolean onTouchEvent(MotionEvent event) {

switch (event.getAction()) {

case MotionEvent.ACTION_DOWN: {

float xPos = event.getX();

float yPos = event.getY();

if (isTouchLock(xPos, yPos)) {

mLocationX = xPos – mLockRadius;

mIsDragable = true;

invalidate();

} else {

mIsDragable = false;

}

return true;

}

case MotionEvent.ACTION_MOVE: {

if (!mIsDragable) return true;

int rightMax = getWidth() – mLockRadius * 2;

resetLocationX(event.getX(),rightMax);

invalidate();

if (mLocationX >= rightMax){

mIsDragable = false;

mLocationX = 0;

invalidate();

if (mLockListener != null){

mLockListener.onOpenLockSuccess();

}

Log.e(“AnimaterListener”,”解锁成功”);

}

return true;

}

case MotionEvent.ACTION_UP: {

if (!mIsDragable) return true;

resetLock();

break;

}

}

return super.onTouchEvent(event);

}

(4)重新回到初始位置resetLock代码如下:

private void resetLock(){

ValueAnimator anim = ValueAnimator.ofFloat(mLocationX,0);

anim.setDuration(300);

anim.addUpdateListener(new ValueAnimator.AnimatorUpdateListener() {

@Override

public void onAnimationUpdate(ValueAnimator valueAnimator) {

mLocationX = (Float) valueAnimator.getAnimatedValue();

invalidate();

}

});

anim.start();

}

这就是完成滑动解锁的主要步骤,最后github地址在SlideView