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