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

android自定义滑块解锁,android 滑动解锁通过android自定义View实现横向的滑动解锁,1、滑动到中间会自动返回到原始的位置,2、滑动到底部会自动解锁,会触发解锁的回调;首先看效果图如下:实现以上部分一共分为三部分:其中背景通过shape.xml实现滑动的锁是一张图片文字通过Paint绘制在中间,高度可定制主要介绍一下实现的主要部分:(1)有自定义的属性如下:(2)重写ondraw()方法,绘制文字和锁:@Overrideprote…

大家好,又见面了,我是你们的朋友全栈君。

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

f9f52221a293901eb8246efe789635e3.gif

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

其中背景通过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

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请联系我们举报,一经查实,本站将立刻删除。

发布者:全栈程序员-站长,转载请注明出处:https://javaforall.net/148688.html原文链接:https://javaforall.net

(0)
全栈程序员-站长的头像全栈程序员-站长


相关推荐

  • android中ListView的用法[通俗易懂]

    android中ListView的用法[通俗易懂]地址:https://www.cnblogs.com/s-y-j/p/6548032.htmlLisView介绍:(一)、ListView概念:ListView是Android中最重要的组件之

    2022年7月1日
    23
  • pycharm指令_ftp登录及命令行用法

    pycharm指令_ftp登录及命令行用法“阅读本文大概需要3分钟。”相信很多人使用PyCharm来开发Python程序,但却少有人知道,PyCharm实际上有一个命令行程序。通过这个命令行程序可以帮你做很多事…

    2022年8月26日
    8
  • 八数码问题引发的思考

    八数码问题引发的思考学习人工智能这门课历经坎坷,拿到习题集,第一道就开口脆,原题如下:翻阅AIMA教材无思路,Berlekamp等人的文献不知如何找寻,冥想整日无头绪,遂四方觅得习题集参考答案,还是英文版:Definition:Thegoalstatehasthenumbersinacertainorder,whichwewillmeasureasstartingatt…

    2022年7月26日
    6
  • k8s部署kafka集群「建议收藏」

    k8s部署kafka集群「建议收藏」k8s以StatefulSet方式部署kafka集群:kafka-namespace.yamlapiVersion:v1kind:Namespacemetadata:name:kafkazookeeper-headless.yamlapiVersion:v1kind:Servicemetadata:name:zk-hsnamespace:kafkalabels:app:zkspec:selector:app:zkp

    2022年5月30日
    39
  • 矩阵幂(矩阵相乘)

    矩阵幂(矩阵相乘)题目描述给定一个 n n 的矩阵 求该矩阵的 k 次幂 即 P k 输入描述 第一行 两个整数 n 2 lt n lt 10 k 1 lt k lt 5 两个数字之间用一个空格隔开 含义如上所示 接下来有 n 行 每行 n 个正整数 其中 第 i 行第 j 个整数表示矩阵中第 i 行第 j 列的矩阵元素 Pij 且 0 lt Pij lt 10 另外 数据保证最后结果不会超过 10 8 输出描述 对于每组测试数据 输

    2025年9月17日
    0
  • 我们究竟在为谁而工作?80%的人没有搞懂.

    首问: 我们的价值观是什么?首先要明白自己的价值观是什么?我们想过什么样的生活,我们将来要成为什么样的人?我现在的工作我满意吗?我现在的工作态度满意吗? 我觉得首先要问清楚自己这些…

    2021年6月21日
    146

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注

关注全栈程序员社区公众号