通过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
今天的文章android自定义滑块解锁,android 滑动解锁分享到此就结束了,感谢您的阅读。
版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 举报,一经查实,本站将立刻删除。
如需转载请保留出处:https://bianchenghao.cn/6958.html