android實(shí)現(xiàn)滑動解鎖
更新時間：2020年04月05日 06:53:54 作者：smallredzi
這篇文章主要為大家詳細(xì)介紹了android實(shí)現(xiàn)滑動解鎖，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價值，感興趣的小伙伴們可以參考一下
本文實(shí)例為大家分享了android實(shí)現(xiàn)滑動解鎖的具體代碼，供大家參考，具體內(nèi)容如下
效果圖
需要用到的畫筆， 整體灰色的背景， 滑塊， 滑動之后綠色背景， 字體
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);
//該方法即為設(shè)置基線上那個點(diǎn)究竟是left,center,還是right
mPaint.setTextAlign(Paint.Align.LEFT);
在onDraw中繪制 mMovex為手指滑動的X坐標(biāo)
@Override
protected void onDraw(Canvas canvas) {
super.onDraw(canvas);
//背景色
RectF oval = new RectF(margin, margin, width - margin, height - margin);// 設(shè)置個新的長方形
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);//基線中間點(diǎn)的y軸計(jì)算公式
canvas.drawText(mText, mTextLeft, baseLineY, mPaint);
//滑塊
RectF oval2 = new RectF(mMoveX+margin,margin,mMoveX+mR*3+margin*3,mR*2+margin*3);// 設(shè)置個新的長方形
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中進(jìn)行滑動監(jiān)聽 負(fù)值
@Override
public boolean onTouchEvent(MotionEvent event) {
// Log.e(event.getAction()+"");
// 點(diǎn)擊是否在滑塊上
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;//劃過去之后藍(lán)色背景的畫筆
private VelocityTracker mVelocityTracker;//滑動速度
private int mMaxVelocity;
private LinearGradient mGradient;//漸變色
private LinearGradient bgGradient;//背景漸變色
// private LinearGradient sliGradient;//滑塊漸變色
// LinearGradient有兩個構(gòu)造函數(shù);
//
// public LinearGradient(float x0, float y0, float x1, float y1, int[] colors, float[] positions,Shader.TileMode tile)
//
// 參數(shù):
//
// float x0: 漸變起始點(diǎn)x坐標(biāo)
//
// float y0:漸變起始點(diǎn)y坐標(biāo)
//
// float x1:漸變結(jié)束點(diǎn)x坐標(biāo)
//
// float y1:漸變結(jié)束點(diǎn)y坐標(biāo)
//
// int[] colors:顏色 的int 數(shù)組
//
// float[] positions: 相對位置的顏色數(shù)組,可為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: 漸變起始點(diǎn)x坐標(biāo)
//
// float y0:漸變起始點(diǎn)y坐標(biāo)
//
// float x1:漸變結(jié)束點(diǎn)x坐標(biāo)
//
// float y1:漸變結(jié)束點(diǎn)y坐標(biāo)
//
// int color0: 起始漸變色
// int color1: 結(jié)束漸變色
//
// 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);
//該方法即為設(shè)置基線上那個點(diǎn)究竟是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);// 設(shè)置個新的長方形
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);//基線中間點(diǎn)的y軸計(jì)算公式
canvas.drawText(mText, mTextLeft, baseLineY, mPaint);
//滑塊
RectF oval2 = new RectF(mMoveX+margin,margin,mMoveX+mR*3+margin*3,mR*2+margin*3);// 設(shè)置個新的長方形
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()+"");
// 點(diǎn)擊是否在滑塊上
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 < mEffectiveVelocity) {
velocity = mEffectiveVelocity;
}
int duration = (int) (Math.abs(end - start) * 1000 / velocity);
mValueAnimator = ValueAnimator.ofFloat(start, end);
mValueAnimator.addUpdateListener(new ValueAnimator.AnimatorUpdateListener() {
@Override
public void onAnimationUpdate(ValueAnimator animation) {
mMoveX = (Float) animation.getAnimatedValue();
invalidate();
}
});
mValueAnimator.setDuration(duration);
mValueAnimator.setInterpolator(mInterpolator);
if (isRightMoving) {
mValueAnimator.addListener(new Animator.AnimatorListener() {
@Override
public void onAnimationStart(Animator animation) {
}
@Override
public void onAnimationEnd(Animator animation) {
// L.e("解鎖");
Log.e("SlideU","解鎖");
if (mUnlockListener != null) {
mUnlockListener.onLoadAwayUnlock();
}
}
@Override
public void onAnimationCancel(Animator animation) {
}
@Override
public void onAnimationRepeat(Animator animation) {
}
});
}
mValueAnimator.start();
}
private void acquireVelocityTrackerAndAddMovement(MotionEvent ev) {
if (mVelocityTracker == null) {
mVelocityTracker = VelocityTracker.obtain();
}
mVelocityTracker.addMovement(ev);
}
private void releaseVelocityTracker() {
if (mVelocityTracker != null) {
mVelocityTracker.recycle();
mVelocityTracker = null;
}
}
private Handler mHandler = new Handler() {
public void handleMessage(Message msg) {
super.handleMessage(msg);
switch (msg.what) {
case MSG_REDRAW:
if(mMatrix==null){
mMatrix = new Matrix();
}
mMatrix.setTranslate(mGradientIndex, 0);
if(mGradient==null){
// L.e("mGradient空");
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);
}
mGradient.setLocalMatrix(mMatrix);
invalidate();
mGradientIndex += STEP_LENGTH ;
if(mGradientIndex>=Integer.MAX_VALUE){
mGradientIndex = 0;
}
mHandler.sendEmptyMessageDelayed(MSG_REDRAW, DRAW_INTERVAL);
break;
}
}
};
}
xml布局
<xxxx.LoadAwaySlideUnlockView
android:id="@+id/slideUnlock"
android:layout_marginLeft="3dp"
android:layout_marginRight="3dp"
android:layout_width="match_parent"
android:layout_height="56dp"/>
activity中 添加提示文字和滑動監(jiān)聽即可
slideUnlock.setText("中間提示文字");
slideUnlock.setSlideListener(this);
以上就是本文的全部內(nèi)容，希望對大家的學(xué)習(xí)有所幫助，也希望大家多多支持腳本之家。
相關(guān)文章
android開發(fā)教程之framework增加字符串資源和圖片等resource資源
這篇文章主要介紹了android開發(fā)中framework增加字符串資源和圖片等resource資源方法,需要的朋友可以參考下2014-02-02
Android實(shí)現(xiàn)系統(tǒng)消息推送
這篇文章主要為大家詳細(xì)介紹了Android實(shí)現(xiàn)系統(tǒng)消息推送，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價值，感興趣的小伙伴們可以參考一下2020-07-07
Android seekbar實(shí)現(xiàn)可拖動進(jìn)度條
這篇文章主要為大家詳細(xì)介紹了Android seekbar實(shí)現(xiàn)可拖動進(jìn)度條，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價值，感興趣的小伙伴們可以參考一下2021-01-01
Gson 是一個 Java 庫，可用于將 Java 對象轉(zhuǎn)換為其 JSON 表示形式。它還可用于將 JSON 字符串轉(zhuǎn)換為等效的 Java 對象。Gson 可以使用任意 Java 對象，包括您沒有源代碼的預(yù)先存在的對象2023-01-01
Android 簡單的實(shí)現(xiàn)滑塊拼圖驗(yàn)證碼功能
這篇文章主要介紹了Android 簡單的實(shí)現(xiàn)滑塊拼圖驗(yàn)證碼功能，幫助大家更好的理解和學(xué)習(xí)使用Android開發(fā)，感興趣的朋友可以了解下2021-03-03
Android JNI c/c++調(diào)用java的實(shí)例
這篇文章主要介紹了Android JNI c/c++調(diào)用java的實(shí)例的相關(guān)資料,需要的朋友可以參考下2017-07-07
Android自定義控件實(shí)現(xiàn)圓形進(jìn)度CircleProgressBar
這篇文章主要為大家詳細(xì)介紹了Android自定義控件實(shí)現(xiàn)圓形進(jìn)度CircleProgressBar，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價值，感興趣的小伙伴們可以參考一下2020-05-05
Android實(shí)現(xiàn)TextView字符串關(guān)鍵字變色的方法
這篇文章顯示給大家介紹了字符串中關(guān)鍵字變色的實(shí)現(xiàn)方法，而后又拓展介紹了在Android中如何實(shí)現(xiàn)搜索關(guān)鍵字變色，相信對各位Android開發(fā)者們具有一定的參考借鑒價值，感興趣的朋友們下面來一起看看吧。2016-10-10
Android WiFi熱點(diǎn)開發(fā)的示例代碼
這篇文章主要介紹了Android WiFi熱點(diǎn)開發(fā)的示例代碼，文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2019-09-09
Android播放assets文件里視頻文件相關(guān)問題分析
這篇文章主要介紹了Android播放assets文件里視頻文件相關(guān)問題分析,結(jié)合Android播放assets文件出現(xiàn)錯誤的實(shí)際問題給出了原因分析與解決方法參考,需要的朋友可以參考下2016-08-08