当前位置: 开发笔记 > Android > 正文

android实现滑动解锁

作者：丹_jie | 来源：互联网 | 2021-12-11 06:14

这篇文章主要为大家详细介绍了android实现滑动解锁，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下

本文实例为大家分享了android实现滑动解锁的具体代码，供大家参考，具体内容如下

效果图

需要用到的画笔，整体灰色的背景，滑块，滑动之后绿色背景，字体

mSliPaint = new Paint();
mSliPaint.setColor(Color.parseColor("#4a4c5b"));
mSliPaint.setAntiAlias(true);
 
mBgPaint = new Paint();
mBgPaint.setColor(Color.parseColor("#a6a6a6"));
mBgPaint.setAntiAlias(true);
 
mBluePaint = new Paint();
mBluePaint.setColor(Color.parseColor("#009496"));
mBluePaint.setAntiAlias(true);
 
mPaint = new Paint();
mPaint.setColor(Color.WHITE);
mPaint.setTextSize(mTextSize);
//该方法即为设置基线上那个点究竟是left,center,还是right
mPaint.setTextAlign(Paint.Align.LEFT);

在onDraw中绘制 mMovex为手指滑动的X坐标

 @Override
 protected void onDraw(Canvas canvas) {
  super.onDraw(canvas);
  //背景色
  RectF oval = new RectF(margin, margin, width - margin, height - margin);// 设置个新的长方形
  canvas.drawRect(oval,mBgPaint);
 
 
  //划过去背景色
  RectF ovalBlue= new RectF(margin,margin,mMoveX+margin,mR*2+margin*3);
  canvas.drawRect(ovalBlue,mBluePaint);
 
  //文字
  Paint.FontMetrics fOntMetrics= mPaint.getFontMetrics();
  float top = fontMetrics.top;//为基线到字体上边框的距离
  float bottom = fontMetrics.bottom;//为基线到字体下边框的距离
  int baseLineY = (int) (height / 2 - top / 2 - bottom / 2);//基线中间点的y轴计算公式
  canvas.drawText(mText, mTextLeft, baseLineY, mPaint);
 
 
 
  //滑块
  RectF oval2 = new RectF(mMoveX+margin,margin,mMoveX+mR*3+margin*3,mR*2+margin*3);// 设置个新的长方形
  canvas.drawRect(oval2,mSliPaint);//方形
 
 
  //三个小箭头
  Bitmap bitmap = BitmapFactory.decodeResource(this.getContext().getResources(), R.mipmap.arrow_right_small);
  canvas.drawBitmap(bitmap,mMoveX+(mMoveX+mR*3+margin*3-mMoveX)/2-15,mR-margin,mSliPaint);
  canvas.drawBitmap(bitmap,mMoveX+(mMoveX+mR*3+margin*3-mMoveX)/2,mR-margin,mSliPaint);
  canvas.drawBitmap(bitmap,mMoveX+(mMoveX+mR*3+margin*3-mMoveX)/2+15,mR-margin,mSliPaint);
 
}

onTouch中进行滑动监听负值

@Override
public boolean onTouchEvent(MotionEvent event) {
 
//  Log.e(event.getAction()+"");
  // 点击是否在滑块上
  if (event.getAction() != MotionEvent.ACTION_DOWN
    && !mSliderRect.contains((int) mStartX, (int) mStartY)) {
   if (event.getAction() == MotionEvent.ACTION_UP
     || event.getAction() == MotionEvent.ACTION_CANCEL) {
    mHandler.sendEmptyMessageDelayed(MSG_REDRAW, DRAW_INTERVAL);
   }
   return super.onTouchEvent(event);
  }
  acquireVelocityTrackerAndAddMovement(event);
 
  switch (event.getAction()) {
   case MotionEvent.ACTION_DOWN:
    mStartX = event.getX();
    mStartY = event.getY();
    mLastX = mStartX;
    mHandler.removeMessages(MSG_REDRAW);
//    L.e("按下");
    Log.e("SlideU","按下");
 
    break;
 
   case MotionEvent.ACTION_MOVE:
    Log.e("SlideU","移动");
 
    mLastX = event.getX();
    if (mLastX > mStartX) {
     if (mLastX - mStartX > mSlidableLength) {
      mLastX = mStartX + mSlidableLength;
      mMoveX = mSlidableLength;
     } else {
      mMoveX = (int) (mLastX - mStartX);
     }
    } else {
     mLastX = mStartX;
     mMoveX = 0;
    }
    invalidate();
    break;
 
   case MotionEvent.ACTION_UP:
   case MotionEvent.ACTION_CANCEL:
    Log.e("SlideU","超出或抬起");
    mVelocityTracker.computeCurrentVelocity(1000, mMaxVelocity);
    float velocityX = mVelocityTracker.getXVelocity();
    Log.e("SlideU","速度"+velocityX);
    if (mLastX - mStartX > mEffectiveLength || velocityX/2 > mEffectiveVelocity) {
     startAnimator(mLastX - mStartX, mSlidableLength, velocityX, true);
    } else {
     startAnimator(mLastX - mStartX, 0, velocityX, false);
     mHandler.sendEmptyMessageDelayed(MSG_REDRAW, DRAW_INTERVAL);
    }
    releaseVelocityTracker();
    break;
  }
  return super.onTouchEvent(event);
 }

整体代码

public class LoadAwaySlideUnlockView extends View {
 public interface UnlockListener {
  void onLoadAwayUnlock();
 }
 
 private UnlockListener mUnlockListener;
 
 
 public void setUnlockListener(UnlockListener unlockListener) {
  mUnlockListener = unlockListener;
 }
 
 private static final int MSG_REDRAW = 1;
 private static final int DRAW_INTERVAL = 50;
 private static final int STEP_LENGTH = 10;//速度
 
 private Paint mPaint;//文字的画笔
 private Paint mSliPaint;//滑块画笔
 private Paint mBgPaint;//背景画笔
 private Paint mBluePaint;//划过去之后蓝色背景的画笔
 
 private VelocityTracker mVelocityTracker;//滑动速度
 private int mMaxVelocity;
 private LinearGradient mGradient;//渐变色
 private LinearGradient bgGradient;//背景渐变色
// private LinearGradient sliGradient;//滑块渐变色
// LinearGradient有两个构造函数;
//
// public LinearGradient(float x0, float y0, float x1, float y1, int[] colors, float[] positions,Shader.TileMode tile)
//
// 参数:
//
// float x0: 渐变起始点x坐标
//
// float y0:渐变起始点y坐标
//
// float x1:渐变结束点x坐标
//
// float y1:渐变结束点y坐标
//
// int[] colors:颜色 的int 数组
//
// float[] positions: 相对位置的颜色数组,可为null, 若为null,可为null,颜色沿渐变线均匀分布
//
// Shader.TileMode tile: 渲染器平铺模式
//
//
//
// public LinearGradient(float x0, float y0, float x1, float y1, int color0, int color1,Shader.TileMode tile)
//
// float x0: 渐变起始点x坐标
//
// float y0:渐变起始点y坐标
//
// float x1:渐变结束点x坐标
//
// float y1:渐变结束点y坐标
//
// int color0: 起始渐变色
// int color1: 结束渐变色
//
// Shader.TileMode tile: 渲染器平铺模式
 
 private int[] mGradientColors;
 private int[] bgGradientColors;
 private int mGradientIndex;
 private Interpolator mInterpolator;
 private float mDensity;
 private Matrix mMatrix;
 private ValueAnimator mValueAnimator;
 
 
 private int width;
 private int height;
 
 private String mText;//文字
 private int mTextSize;//文字大小
 private int mTextLeft;//文字距离左边
 private int mR;//滑块的半径
 private float margin;
 
 
 private Rect mSliderRect;
 private int mSlidableLength; // SlidableLength = BackgroundWidth - LeftMagins - RightMagins - SliderWidth
 private int mEffectiveLength; // Suggested length is 20pixels shorter than SlidableLength
 private float mEffectiveVelocity = 1000;//滑块自动回滚的速度
 
 private float mStartX;
 private float mStartY;
 private float mLastX;
 private float mMoveX;
 
 public LoadAwaySlideUnlockView(Context context) {
  this(context, null);
 }
 
 public LoadAwaySlideUnlockView(Context context, AttributeSet attrs) {
  this(context, attrs, 0);
 }
 
 public LoadAwaySlideUnlockView(Context context, AttributeSet attrs, int defStyleAttr) {
  this(context, attrs, defStyleAttr, 0);
 }
 
 public void setText(String text){
  mText = text;
 
 }
 
 public LoadAwaySlideUnlockView(Context context, AttributeSet attrs, int defStyleAttr, int defStyleRes) {
  super(context, attrs, defStyleAttr, defStyleRes);
  mDensity = getResources().getDisplayMetrics().density;
  ViewConfiguration cOnfiguration= ViewConfiguration.get(context);
  mMaxVelocity = configuration.getScaledMaximumFlingVelocity();
  mInterpolator = new AccelerateDecelerateInterpolator();
 
  setClickable(true);
  setFocusable(true);
  setFocusableInTouchMode(true);
 
  mSlidableLength = 200;
  mTextSize = 30;//文字大小
  mTextLeft = 10;//文字距离左边
  mMoveX = 0;
  mGradientIndex = 0;
 
  mSliPaint = new Paint();
  mSliPaint.setColor(Color.parseColor("#4a4c5b"));
  mSliPaint.setAntiAlias(true);
 
  mBgPaint = new Paint();
  mBgPaint.setColor(Color.parseColor("#a6a6a6"));
  mBgPaint.setAntiAlias(true);
 
 
  mBluePaint = new Paint();
  mBluePaint.setColor(Color.parseColor("#009496"));
  mBluePaint.setAntiAlias(true);
 
 
  mPaint = new Paint();
  mPaint.setColor(Color.WHITE);
  mPaint.setTextSize(mTextSize);
  //该方法即为设置基线上那个点究竟是left,center,还是right
  mPaint.setTextAlign(Paint.Align.LEFT);
  // mHandler.sendEmptyMessageDelayed(MSG_REDRAW, DRAW_INTERVAL);
 }
 
 @Override
 protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) {
  super.onMeasure(widthMeasureSpec, heightMeasureSpec);
  int specWidthSize = MeasureSpec.getSize(widthMeasureSpec);//宽
  int specHeightSize = MeasureSpec.getSize(heightMeasureSpec);//高
 
  mMatrix = new Matrix();
 
  width = specWidthSize;
  height = specHeightSize;
  mTextLeft = (int) (height * 1.5);
  margin = height / 20;
  mR = (int) (((height-margin*2) / 2)-margin);
 
 
  //最大滑动距离
  mSlidableLength = (int) (specWidthSize -(mMoveX+mR*3+margin*3-mMoveX+margin));
  //有效距离
  mEffectiveLength = mSlidableLength-20;
 
 
  mSliderRect=new Rect((int)margin, (int)margin, 300, (int)(height - margin));
 
 
  mGradientColors = new int[]{Color.argb(255, 120, 120, 120),
    Color.argb(255, 120, 120, 120), Color.argb(255, 255, 255, 255)};
 
 
 
  mGradient = new LinearGradient(0, 0, width/2, 0, mGradientColors,
    new float[]{0, 0.7f, 1}, Shader.TileMode.MIRROR);
 
 
 
  bgGradient = new LinearGradient(
    0, 0, 0, (float) ((height)/2.0),
    Color.argb(80, 0X77, 0X77, 0X77), Color.argb(200, 0X11, 0X11, 0X11),
    Shader.TileMode.CLAMP
  );
 
  mHandler.removeMessages(MSG_REDRAW);
  mHandler.sendEmptyMessageDelayed(MSG_REDRAW, DRAW_INTERVAL);
 }
 
 
 @Override
 protected void onDraw(Canvas canvas) {
  super.onDraw(canvas);
  //背景色
  RectF oval = new RectF(margin, margin, width - margin, height - margin);// 设置个新的长方形
  canvas.drawRect(oval,mBgPaint);
 
 
  //划过去背景色
  RectF ovalBlue= new RectF(margin,margin,mMoveX+margin,mR*2+margin*3);
  canvas.drawRect(ovalBlue,mBluePaint);
 
  //文字
  Paint.FontMetrics fOntMetrics= mPaint.getFontMetrics();
  float top = fontMetrics.top;//为基线到字体上边框的距离
  float bottom = fontMetrics.bottom;//为基线到字体下边框的距离
  int baseLineY = (int) (height / 2 - top / 2 - bottom / 2);//基线中间点的y轴计算公式
  canvas.drawText(mText, mTextLeft, baseLineY, mPaint);
 
 
 
  //滑块
  RectF oval2 = new RectF(mMoveX+margin,margin,mMoveX+mR*3+margin*3,mR*2+margin*3);// 设置个新的长方形
  canvas.drawRect(oval2,mSliPaint);//方形

 
  //三个小箭头
  Bitmap bitmap = BitmapFactory.decodeResource(this.getContext().getResources(), R.mipmap.arrow_right_small);
  canvas.drawBitmap(bitmap,mMoveX+(mMoveX+mR*3+margin*3-mMoveX)/2-15,mR-margin,mSliPaint);
  canvas.drawBitmap(bitmap,mMoveX+(mMoveX+mR*3+margin*3-mMoveX)/2,mR-margin,mSliPaint);
  canvas.drawBitmap(bitmap,mMoveX+(mMoveX+mR*3+margin*3-mMoveX)/2+15,mR-margin,mSliPaint);
 
 
 }
 
 public void reset() {
  if (mValueAnimator != null) {
   mValueAnimator.cancel();
  }
  mMoveX = 0;
  mPaint.setAlpha(255);
 
  mHandler.removeMessages(MSG_REDRAW);
  mHandler.sendEmptyMessageDelayed(MSG_REDRAW,200);
 }
 
 
 @Override
 public boolean onTouchEvent(MotionEvent event) {
 
//  Log.e(event.getAction()+"");
  // 点击是否在滑块上
  if (event.getAction() != MotionEvent.ACTION_DOWN
    && !mSliderRect.contains((int) mStartX, (int) mStartY)) {
   if (event.getAction() == MotionEvent.ACTION_UP
     || event.getAction() == MotionEvent.ACTION_CANCEL) {
    mHandler.sendEmptyMessageDelayed(MSG_REDRAW, DRAW_INTERVAL);
   }
   return super.onTouchEvent(event);
  }
  acquireVelocityTrackerAndAddMovement(event);
 
  switch (event.getAction()) {
   case MotionEvent.ACTION_DOWN:
    mStartX = event.getX();
    mStartY = event.getY();
    mLastX = mStartX;
    mHandler.removeMessages(MSG_REDRAW);
//    L.e("按下");
    Log.e("SlideU","按下");
 
    break;
 
   case MotionEvent.ACTION_MOVE:
    Log.e("SlideU","移动");
 
    mLastX = event.getX();
    if (mLastX > mStartX) {
     if (mLastX - mStartX > mSlidableLength) {
      mLastX = mStartX + mSlidableLength;
      mMoveX = mSlidableLength;
     } else {
      mMoveX = (int) (mLastX - mStartX);
     }
    } else {
     mLastX = mStartX;
     mMoveX = 0;
    }
    invalidate();
    break;
 
   case MotionEvent.ACTION_UP:
   case MotionEvent.ACTION_CANCEL:
    Log.e("SlideU","超出或抬起");
    mVelocityTracker.computeCurrentVelocity(1000, mMaxVelocity);
    float velocityX = mVelocityTracker.getXVelocity();
    Log.e("SlideU","速度"+velocityX);
    if (mLastX - mStartX > mEffectiveLength || velocityX/2 > mEffectiveVelocity) {
     startAnimator(mLastX - mStartX, mSlidableLength, velocityX, true);
    } else {
     startAnimator(mLastX - mStartX, 0, velocityX, false);
     mHandler.sendEmptyMessageDelayed(MSG_REDRAW, DRAW_INTERVAL);
    }
    releaseVelocityTracker();
    break;
  }
  return super.onTouchEvent(event);
 }
 
 private void startAnimator(float start, float end, float velocity, boolean isRightMoving) {
  if (velocity =Integer.MAX_VALUE){
      mGradientIndex = 0;
     }
     mHandler.sendEmptyMessageDelayed(MSG_REDRAW, DRAW_INTERVAL);
     break;
   }
  }
 };
}

xml布局

activity中添加提示文字和滑动监听即可

slideUnlock.setText("中间提示文字");
slideUnlock.setSlideListener(this);

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持。

android
xml

推荐阅读

xml
android listview OnItemClickListener失效原因

最近在做listview时发现OnItemClickListener失效的问题，经过查找发现是因为button的原因。不仅listitem中存在button会影响OnItemClickListener事件的失效，还会导致单击后listview每个item的背景改变，使得item中的所有有关焦点的事件都失效。本文给出了一个范例来说明这种情况，并提供了解决方法。 ... [详细]

蜡笔小新 2023-12-14 14:25:50
xml
Alink回归预测的不完善问题及期待

本文讨论了Alink回归预测的不完善问题，指出目前主要针对Python做案例，对其他语言支持不足。同时介绍了pom.xml文件的基本结构和使用方法，以及Maven的相关知识。最后，对Alink回归预测的未来发展提出了期待。 ... [详细]

蜡笔小新 2023-12-14 14:25:33
xml
如何在Android中通过代码更改Recycler视图项的背景颜色

本文讲述了如何通过代码在Android中更改Recycler视图项的背景颜色。通过在onBindViewHolder方法中设置条件判断，可以实现根据条件改变背景颜色的效果。同时，还介绍了如何修改底部边框颜色以及提供了RecyclerView Fragment layout.xml和项目布局文件的示例代码。 ... [详细]

蜡笔小新 2023-12-14 12:45:01
java
Hibernate基础映射

在说Hibernate映射前，我们先来了解下对象关系映射ORM。ORM的实现思想就是将关系数据库中表的数据映射成对象，以对象的形式展现。这样开发人员就可以把对数据库的操作转化为对 ... [详细]

蜡笔小新 2023-12-14 10:57:47
xml
SpringBoot集成前端模版（thymeleaf）的配置步骤

本文介绍了在SpringBoot中集成thymeleaf前端模版的配置步骤，包括在application.properties配置文件中添加thymeleaf的配置信息，引入thymeleaf的jar包，以及创建PageController并添加index方法。 ... [详细]

蜡笔小新 2023-12-14 10:11:46
java
XML介绍与使用的概述及标签规则

本文介绍了XML的基本概念和用途，包括XML的可扩展性和标签的自定义特性。同时还详细解释了XML标签的规则，包括标签的尖括号和合法标识符的组成，标签必须成对出现的原则以及特殊标签的使用方法。通过本文的阅读，读者可以对XML的基本知识有一个全面的了解。 ... [详细]

蜡笔小新 2023-12-13 17:39:50
java
Java验证码——kaptcha的使用配置及样式

本文介绍了如何使用kaptcha库来实现Java验证码的配置和样式设置，包括pom.xml的依赖配置和web.xml中servlet的配置。 ... [详细]

蜡笔小新 2023-12-13 13:58:25
xml
Android系统移植与调试之如何修改Android设备状态条上音量加减键在横竖屏切换的时候的显示于隐藏

本文介绍了如何修改Android设备状态条上音量加减键在横竖屏切换时的显示与隐藏。通过修改系统文件system_bar.xml实现了该功能，并分享了解决思路和经验。 ... [详细]

蜡笔小新 2023-12-13 13:12:05
xml
Android 7自学笔记总结、移动架构视频、安卓面试真题、项目实战源码讲义

本文介绍了Android 7的学习笔记总结，包括最新的移动架构视频、大厂安卓面试真题和项目实战源码讲义。同时还分享了开源的完整内容，并提醒读者在使用FileProvider适配时要注意不同模块的AndroidManfiest.xml中配置的xml文件名必须不同，否则会出现问题。 ... [详细]

蜡笔小新 2023-12-13 10:06:58
xml
Android开发实现的计时器功能示例

本文分享了Android开发实现的计时器功能示例，包括效果图、布局和按钮的使用。通过使用Chronometer控件，可以实现计时器功能。该示例适用于Android平台，供开发者参考。 ... [详细]

蜡笔小新 2023-12-12 22:51:19
xml
eclipse学习（第三章：ssh中的Hibernate）——11.Hibernate的缓存（2级缓存，get和load）

本文介绍了eclipse学习中的第三章内容，主要讲解了ssh中的Hibernate的缓存，包括2级缓存和get方法、load方法的区别。文章还涉及了项目实践和相关知识点的讲解。 ... [详细]

蜡笔小新 2023-12-14 00:31:35
xml
的错误消息：

ZSI.generate.Wsdl2PythonError: unsupported local simpleType restriction ... [详细]

蜡笔小新 2023-12-13 20:28:08
xml
HDFS2.x新特性

一、集群间数据拷贝scp实现两个远程主机之间的文件复制scp-rhello.txtroothadoop103:useratguiguhello.txt推pushscp-rr ... [详细]

蜡笔小新 2023-12-13 13:52:40
java
flowable工作流流程变量_信也科技工作流平台的技术实践

1背景随着公司业务发展及内部业务流程诉求的增长,目前信息化系统不能够很好满足期望,主要体现如下：目前OA流程引擎无法满足企业特定业务流程需求，且移动端体 ... [详细]

蜡笔小新 2023-12-13 10:17:15
xml
MSXML解析XML文件出现DTD禁用问题的解决方案

本文介绍了在使用MSXML解析XML文件时出现DTD禁用问题的解决方案。通过代码示例和错误信息获取方法，解释了默认情况下DTD是禁用的，以及如何启用DTD的方法。此外，还提到了网上关于该问题的信息相对较少，因此本文提供了解决方案以供参考。 ... [详细]

蜡笔小新 2023-12-13 08:21:30

丹_jie

这个家伙很懒，什么也没留下！

Tags | 热门标签

RankList | 热门文章