自定义手指滑动解锁

1.加权限

 <uses-permission android:name="android.permission.VIBRATE"/>

2.

package com.example.administrator.yn_customview.view;

import android.content.Context;

import android.graphics.Bitmap;

import android.graphics.BitmapFactory;

import android.graphics.Canvas;

import android.os.Handler;

import android.util.AttributeSet;

import android.util.FloatMath;

import android.util.Log;

import android.view.MotionEvent;

import android.view.View;

/**

* 作者：仝晓雅 on 2017/4/9 18:20

* 类的注释：

*/

public class SlideUnlockView extends View {

/**

* 滑块当前的状态

*/

public int currentState;

/**

* 未解锁

*/

public static final int STATE_LOCK = 1;

/**

* 解锁

*/

public static final int STATE_UNLOCK = 2;

/**

* 正在拖拽

*/

public static final int STATE_MOVING = 3;

private static final String TAG = "SlideUnlockView";

/**

* 滑动解锁的背景图片

*/

private Bitmap slideUnlockBackground;

/**

* 滑块的图片

*/

private Bitmap slideUnlockBlock;

/**

* 滑动解锁背景的宽度

*/

private int blockBackgoundWidth;

/**

* 滑块宽高

*/

private int blockWidth;

private int blockHeight;

/**

* 手指在滑块的x，y值

*/

private float x;

private float y;

/**

* 手指在按下时，是否按到了滑块上

*/

private boolean downOnBlock;

/**

* 通过handler来控制滑块在未解锁的时候，平缓的滑动到左端

*/

Handler handler = new Handler() {

public void handleMessage(android.os.Message msg) {

if (msg.what == 0) {

// 如果x还大于0，就人为的设置缓慢移动到最左端，每次移动距离设置为背景宽的/100

if (x > 0) {

x = x - blockBackgoundWidth * 1.0f / 100;

// 刷新界面

postInvalidate();

// 设置继续移动

handler.sendEmptyMessageDelayed(0, 10);

} else {

handler.removeCallbacksAndMessages(null);

currentState = STATE_LOCK;

Log.i(TAG, "state---lock.....");

}

}

};

};

/**

* 解锁的监听

*/

private OnUnLockListener onUnLockListener;

/**

* 自定义View的构造方法

*

* @param context

* @param attrs

* @param defStyle

*/

public SlideUnlockView(Context context, AttributeSet attrs, int defStyle) {

super(context, attrs, defStyle);

// 默认滑动解锁为未解锁状态

currentState = STATE_LOCK;

// 命名空间

String namespace = "http://schemas.android.com/apk/res-auto";

// 取出自定义属性中背景图片

int slideUnlockBackgroundResource = attrs.getAttributeResourceValue(

namespace, "slideUnlockBackgroundResource", -1);

// 取出自定义属性中滑块图片

int slideUnlockBlockResource = attrs.getAttributeResourceValue(

namespace, "slideUnlockBlockResource", -1);

// 取出自定义属性中当前状态

// 如果解锁状态是true，说明已经解锁

/**

* 当取出自定义属性的背景时，设置背景

*/

setSlideUnlockBackground(slideUnlockBackgroundResource);

/**

* 当取出自定义属性的滑块时，设置滑块的图片

*/

setSlideUnlockBlock(slideUnlockBlockResource);

/**

* 执行onDraw方法，进行界面绘制

*/

postInvalidate();

}

public SlideUnlockView(Context context, AttributeSet attrs) {

this(context, attrs, 0);

}

public SlideUnlockView(Context context) {

this(context, null);

}

@Override

protected void onDraw(Canvas canvas) {

super.onDraw(canvas);

// 在一开始的使用将背景图绘制出来

canvas.drawBitmap(slideUnlockBackground, 0, 0, null);

/**

* 判断当前状态

*/

switch (currentState) {

// 如果是未解锁，就将滑块绘制到最左端

case STATE_LOCK:

canvas.drawBitmap(slideUnlockBlock, 0, 0, null);

break;

// 已解锁，计算出

case STATE_UNLOCK:

int unlockX = blockBackgoundWidth - blockWidth;

canvas.drawBitmap(slideUnlockBlock, unlockX, 0, null);

break;

case STATE_MOVING:

if (x < 0) {

x = 0;

} else if (x > blockBackgoundWidth - blockWidth) {

x = blockBackgoundWidth - blockWidth;

}

canvas.drawBitmap(slideUnlockBlock, x, 0, null);

break;

default:

break;

}

}

public void setSlideUnlockBackground(int slideUnlockBackgroundResource) {

Log.i(TAG, "setSlideUnlockBackground.....");

slideUnlockBackground = BitmapFactory.decodeResource(getResources(),

slideUnlockBackgroundResource);

// 获取背景图的宽和高

blockBackgoundWidth = slideUnlockBackground.getWidth();

}

public void setSlideUnlockBlock(int slideUnlockBlockResource) {

Log.i(TAG, "setSlideUnlockBlock.....");

slideUnlockBlock = BitmapFactory.decodeResource(getResources(),

slideUnlockBlockResource);

// 获取滑块的宽和高

blockWidth = slideUnlockBlock.getWidth();

blockHeight = slideUnlockBlock.getHeight();

}

@Override

protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) {

super.onMeasure(widthMeasureSpec, heightMeasureSpec);

Log.i(TAG, "onMeauser.....");

setMeasuredDimension(slideUnlockBackground.getWidth(),

slideUnlockBackground.getHeight());

}

@Override

public boolean onTouchEvent(MotionEvent event) {

switch (event.getAction()) {

// 当手指按下的时候，判断手指按下的位置是否在滑块上边

case MotionEvent.ACTION_DOWN:

if (currentState != STATE_MOVING) {

// 判断一下，如果当前正在移动，则不执行触摸操作

// 获取相对于背景的左上角的x，y值

x = event.getX();

y = event.getY();

// 先计算出滑块的中心点的x，y坐标

float blockCenterX = blockWidth * 1.0f / 2;

float blockCenterY = blockHeight * 1.0f / 2;

downOnBlock = isDownOnBlock(blockCenterX, x, blockCenterY, y);

Log.i(TAG, "down......................");

// 调用onDraw方法

postInvalidate();

}

break;

case MotionEvent.ACTION_MOVE:

// 如果手指确定按在滑块上，就视为开始拖拽滑块

if (downOnBlock) {

// 获取相对于背景的左上角的x，y值

x = event.getX();

y = event.getY();

currentState = STATE_MOVING;

Log.i(TAG, "move......................");

// 调用onDraw方法

postInvalidate();

}

break;

case MotionEvent.ACTION_UP:

if (currentState == STATE_MOVING) {

// 当手指抬起的时候，应该是让滑块归位的

// 说明未解锁

if (x < blockBackgoundWidth - blockWidth) {

handler.sendEmptyMessageDelayed(0, 10);

// 通过回调设置已解锁

onUnLockListener.setUnLocked(false);

} else {

currentState = STATE_UNLOCK;

// 通过回调设置未解锁

onUnLockListener.setUnLocked(true);

}

downOnBlock = false;

// 调用onDraw方法

postInvalidate();

}

break;

default:

break;

}

return true;

}

/**

* 计算手指是否是落在了滑块上(默认是按照滑块在未解锁的初始位置来计算的)

*/

public boolean isDownOnBlock(float x1, float x2, float y1, float y2) {

float sqrt = (float) Math.sqrt(Math.abs(x1 - x2) * Math.abs(x1 - x2)

+ Math.abs(y1 - y2) * Math.abs(y1 - y2));

if (sqrt <= blockWidth / 2) {

return true;

}

return false;

}

/**

* 设置解锁监听

*

* @param onUnLockListener

*/

public void setOnUnLockListener(OnUnLockListener onUnLockListener) {

this.onUnLockListener = onUnLockListener;

}

// 定义一个解锁的监听

public interface OnUnLockListener {

public void setUnLocked(boolean lock);

}

/**

* 重置一下滑动索的状态，保证下次能够正常使用

*/

public void reset() {

currentState = STATE_LOCK;

postInvalidate();

}

//判断手指是否在滑块的背景区域移动

public boolean isOnBackground(int x,int y){

if(x<=slideUnlockBackground.getWidth()&&y<=slideUnlockBackground.getHeight()){

return true;

}

return false;

}

}

3.在res-values下定义attrs.xml文件

<?xml version="1.0" encoding="utf-8"?>

<resources>

<declare-styleable name="SlideUnlockButton">

<!-- 开关背景图片的属性, 引用的是R.drawable.xx. -->

<attr name="slideUnlockBackgroundResource" format="reference" />

<!-- 开关滑动块图片的属性, 引用的是R.drawable.xx. -->

<attr name="slideUnlockBlockResource" format="reference" />

<!-- 开关当前的状态的属性, true 打开, false 关闭 -->

<attr name="unLockState" format="boolean" />

</declare-styleable>

</resources>

4.主的activity.xml

<?xml version="1.0" encoding="utf-8"?>

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"

xmlns:test="http://schemas.android.com/apk/res-auto"

android:layout_width="match_parent"

android:layout_height="match_parent"

>

<TextView

android:id="@+id/textView"

android:layout_width="wrap_content"

android:layout_height="wrap_content"

android:layout_centerHorizontal="true"

android:text="滑动解锁看美女"

android:textSize="25sp" />

<ImageView

android:id="@+id/imageView"

android:layout_width="match_parent"

android:layout_height="match_parent"

android:layout_below="@+id/textView"

android:src="@mipmap/bd"

android:visibility="gone" />

<com.example.administrator.yn_customview.view.SlideUnlockView

android:id="@+id/slideUnlockView"

android:layout_width="wrap_content"

android:layout_height="wrap_content"

android:layout_centerInParent="true"

test:slideUnlockBackgroundResource="@mipmap/jiesuo_bg"

test:slideUnlockBlockResource="@mipmap/jiesuo_button"

/>

</RelativeLayout>

5.代码中：

public class MainActivity extends AppCompatActivity {

/* @Override

protected void onCreate(Bundle savedInstanceState) {

super.onCreate(savedInstanceState);

setContentView(R.layout.button_main);

// initView();

}*/

/* private void initView() {

ImageView pic = (ImageView) findViewById(R.id.layput_pic);

pic.setOnClickListener(new View.OnClickListener() {

@Override

public void onClick(View v) {

Toast.makeText(MainActivity.this, "自定义图片", Toast.LENGTH_SHORT).show();

}

});

}*/

private SlideUnlockView slideUnlockView;

private ImageView imageView;

private Vibrator vibrator;

private ScreenOnOffReceiver receiver;

@Override

protected void onCreate(Bundle savedInstanceState) {

super.onCreate(savedInstanceState);

setContentView(R.layout.activity_main);

// 注册屏幕锁屏的广播

registScreenOffReceiver();

// 获取系统振动器服务

vibrator = (Vibrator) getSystemService(VIBRATOR_SERVICE);

// 初始化控件

imageView = (ImageView) findViewById(R.id.imageView);

slideUnlockView = (SlideUnlockView) findViewById(R.id.slideUnlockView);

try {

// 设置滑动解锁-解锁的监听

slideUnlockView.setOnUnLockListener(new SlideUnlockView.OnUnLockListener() {

@Override

public void setUnLocked(boolean unLock) {

// 如果是true，证明解锁

if (unLock) {

// 启动震动器 100ms

vibrator.vibrate(100);

// 当解锁的时候，执行逻辑操作，在这里仅仅是将图片进行展示

imageView.setVisibility(View.VISIBLE);

// 重置一下滑动解锁的控件

slideUnlockView.reset();

// 让滑动解锁控件消失

slideUnlockView.setVisibility(View.GONE);

}

}

});

}catch (Exception e){

}

}

/**

* 注册一个屏幕锁屏的广播

*/

private void registScreenOffReceiver() {

// TODO Auto-generated method stub

receiver = new ScreenOnOffReceiver();

// 创建一个意图过滤器

IntentFilter filter = new IntentFilter();

// 添加屏幕锁屏的广播

filter.addAction("android.intent.action.SCREEN_OFF");

// 在代码里边来注册广播

this.registerReceiver(receiver, filter);

}

class ScreenOnOffReceiver extends BroadcastReceiver {

private static final String TAG = "ScreenOnOffReceiver";

@Override

public void onReceive(Context context, Intent intent) {

String action = intent.getAction();

// 关屏的操作

if ("android.intent.action.SCREEN_OFF".equals(action)) {

// 当手机关屏时，我们同时也锁屏

slideUnlockView.setVisibility(View.VISIBLE);

// 设置图片消失

imageView.setVisibility(View.GONE);

}

}

}

@Override

protected void onDestroy() {

super.onDestroy();

// 解除注册的广播

unregisterReceiver(receiver);

receiver = null;

}

}

java.lang.SecurityException: Requires VIBRATE permission错误

答：是你忘记加权限