android6自定义锁屏,Android自定义view 锁屏的绘制

1. 锁屏效果如下图所示

2. 源码及流程介绍

2.1 辅助线绘制

canvas.drawLine(0, standardY, canvas.getWidth(), standardY, paint);

paint.setColor(Color.BLUE);

canvas.drawLine(standardX, 0, standardX, canvas.getHeight(), paint);

2.2 绘制忽略，已读Rect区域及绘制相关图标

@Override

protected void onDraw(Canvas canvas) {

super.onDraw(canvas);

/** 设置屏幕宽度高度等 */

DisplayMetrics dm = new DisplayMetrics();

activity.getWindowManager().getDefaultDisplay().getMetrics(dm);

LeXingApplation.screenWidthPixels = dm.widthPixels;

LeXingApplation.screenHeightPixels = dm.heightPixels;

dm = null;

/*************/

if (!dataInitFlag) {

// 宽度中心取屏幕画布的一半处

standardX = (int) (canvas.getWidth() / 2f);

// 高度取layout高度

canvasHeight = canvas.getHeight();

standardY = (int) (canvas.getHeight() / 1.2f);

ignoreAlarmX = (int) (canvas.getWidth() / 6f);

readAlarmX = (int) (canvas.getWidth() * 5f / 6f);

lockOffRecSrc.right = lockOffBitmap.getWidth();

lockOffRecSrc.bottom = lockOffBitmap.getHeight();

lockOffRecDst.left = standardX - lockOffHalfSize;

lockOffRecDst.top = standardY - lockOffHalfSize;

lockOffRecDst.right = standardX + lockOffHalfSize;

lockOffRecDst.bottom = standardY + lockOffHalfSize;

lockOnRecSrc.right = lockOnBitmap.getWidth();

lockOnRecSrc.bottom = lockOnBitmap.getHeight();

lockOnRecDst.left = standardX - lockOnHalfSize;

lockOnRecDst.top = standardY - lockOnHalfSize;

lockOnRecDst.right = standardX + lockOnHalfSize;

lockOnRecDst.bottom = standardY + lockOnHalfSize;

ignoreRecSrc.right = ignoreOffBitmap.getWidth();

ignoreRecSrc.bottom = ignoreOffBitmap.getHeight();

ignoreRecDst.left = ignoreAlarmX - ignoreReadHalfSize;

ignoreRecDst.top = standardY - ignoreReadHalfSize;

ignoreRecDst.right = ignoreAlarmX + ignoreReadHalfSize;

ignoreRecDst.bottom = standardY + ignoreReadHalfSize;

readRecSrc.right = readOffBitmap.getWidth();

readRecSrc.bottom = readOffBitmap.getHeight();

readRecDst.left = readAlarmX - ignoreReadHalfSize;

readRecDst.top = standardY - ignoreReadHalfSize;

readRecDst.right = readAlarmX + ignoreReadHalfSize;

readRecDst.bottom = standardY + ignoreReadHalfSize;

/*** alarm */

alarmOff2OnSrc.right = alarmOff2OnBitmap.getWidth();

alarmOff2OnSrc.bottom = alarmOff2OnBitmap.getHeight();

ignoreAlarmOff2OnDst.left = ignoreAlarmX - alarmOff2OnHalfSize;

ignoreAlarmOff2OnDst.top = standardY - alarmOff2OnHalfSize;

ignoreAlarmOff2OnDst.right = ignoreAlarmX + alarmOff2OnHalfSize;

ignoreAlarmOff2OnDst.bottom = standardY + alarmOff2OnHalfSize;

alarmOff2OnSrc.right = alarmOff2OnBitmap.getWidth();

alarmOff2OnSrc.bottom = alarmOff2OnBitmap.getHeight();

readAlarmOff2OnDst.left = readAlarmX - alarmOff2OnHalfSize;

readAlarmOff2OnDst.top = standardY - alarmOff2OnHalfSize;

readAlarmOff2OnDst.right = readAlarmX + alarmOff2OnHalfSize;

readAlarmOff2OnDst.bottom = standardY + alarmOff2OnHalfSize;

/** left view ***/

leftPlusRecSrc.right = leftPlusBitmap.getWidth();

leftPlusRecSrc.bottom = leftPlusBitmap.getHeight();

leftPlusRecDst.left = ignoreAlarmOff2OnDst.right;

leftPlusRecDst.top = standardY - plusHalfHeight;

// 减少分割线高度的距离

leftPlusRecDst.right = lockOffRecDst.left - plusHalfHeight * 2;

leftPlusRecDst.bottom = standardY + plusHalfHeight;

/*** right view **/

rightPlusRecSrc.right = rightPlusBitmap.getWidth();

rightPlusRecSrc.bottom = rightPlusBitmap.getHeight();

// 增加分割线高度的距离

rightPlusRecDst.left = lockOffRecDst.right + plusHalfHeight * 2;

rightPlusRecDst.top = standardY - plusHalfHeight;

rightPlusRecDst.right = readAlarmOff2OnDst.left;

rightPlusRecDst.bottom = standardY + plusHalfHeight;

lockScreenTopYTo = (int) (standardY * 1.2f - lockOnHalfSize);

// lockRecSrc,目标矩形初始化

lockRecSrc = lockOffRecSrc;

lockRecDst = lockOffRecDst;

lockBitmap = lockOffBitmap;

// 中央锁用的渐变的光圈

fadeInOnCenterLockSrc.right = fadeInOnCenterLockBitmap.getWidth();

fadeInOnCenterLockSrc.bottom = fadeInOnCenterLockBitmap.getHeight();

fadeInOnCenterLockDst.left = standardX - fadeInCenterLockHalfSize;

fadeInOnCenterLockDst.top = standardY - fadeInCenterLockHalfSize;

fadeInOnCenterLockDst.right = standardX + fadeInCenterLockHalfSize;

fadeInOnCenterLockDst.bottom = standardY + fadeInCenterLockHalfSize;

dataInitFlag = true;

}

if (ignoreOffBitmap != null && leftPlusBitmap != null

&& readOffBitmap != null && rightPlusBitmap != null) {

Log.e("tag", "x=" + standardX + "Y=" + standardY);

drawBitmapToCanvas(canvas);

} else {

drawBitmapToCanvas(canvas);

}

Paint paint = new Paint();

paint.setColor(Color.RED);

// 画标准x y坐标辅助线

canvas.drawLine(0, standardY, canvas.getWidth(), standardY, paint);

paint.setColor(Color.BLUE);

canvas.drawLine(standardX, 0, standardX, canvas.getHeight(), paint);

}

2.3 drawBitmapToCanvas方法绘制到canvas

public void drawBitmapToCanvas(Canvas canvas) {

// 画ignore图片

if (ignoreOffBitmap !=null &&leftPlusBitmap !=null

&&rightPlusBitmap !=null &&readOffBitmap !=null) {

// 左右图标与横线的显示状态与中央锁的光圈的显示状态相反

if (!fadeInCenterLockFlag) {

canvas.drawBitmap(ignoreOffBitmap, ignoreRecSrc, ignoreRecDst,

null);

// 画left plus图片

canvas.drawBitmap(leftPlusBitmap, leftPlusRecSrc,

leftPlusRecDst, null);

}

// 画锁图片

if (lockBitmap !=null) {

// 在锁图片touch move时, 命中ignore或read图片时, 锁图片不需要绘制

canvas.drawBitmap(lockBitmap, lockRecSrc, lockRecDst, null);

// 画锁心在没有被touchdown情况下外面的光圈

if (fadeInCenterLockFlag) {

canvas.drawBitmap(fadeInOnCenterLockBitmap,

fadeInOnCenterLockSrc, fadeInOnCenterLockDst, null);

}

}else {

Log.e("tag", "draw center bitmap is  null");

}

// Log.e("tag", "lockRecDst bottom--" + lockRecDst.bottom + "top"

// + lockRecDst.top);

// 左右图标与横线的显示状态与中央锁的光圈的显示状态相反

if (!fadeInCenterLockFlag) {

// 画right plus图片

canvas.drawBitmap(rightPlusBitmap, rightPlusRecSrc,

rightPlusRecDst, null);

// 画read图片

canvas.drawBitmap(readOffBitmap, readRecSrc, readRecDst, null);

}

// 画命中的圈

if (alarmHitBitmap !=null) {

// 命中的时候, 画圈

canvas.drawBitmap(alarmHitBitmap, alarmOff2OnSrc,

alarmOff2OnDst, null);

}

}else {

/** 转码得到bitmap，再绘制图形 */

decodeBitmapAndSave(hashMapBitmapArrayList);

postInvalidate();

}

}

2.4 获得当前point所在的Rect

private RectgetLockOnMoveRectDst(Point point) {

lockOnMoveRect.left = point.x -lockOnHalfSize;

lockOnMoveRect.top = point.y -lockOnHalfSize;

lockOnMoveRect.right = point.x +lockOnHalfSize;

lockOnMoveRect.bottom = point.y +lockOnHalfSize;

return lockOnMoveRect;

}

2.5 获得当前point所允许活动的范围内的point, 超过边界值, 则为边界

private PointgetLockOnMoveAllowedPoint(Point point) {

int maxY = LeXingApplation.screenHeightPixels-lockOnHalfSize;

int minY =standardY - (maxY -standardY);// standardY - (canvasHeight -

// standardY);

// 判断边界

// return new Point(point.x <= ignoreAlarmX ? ignoreAlarmX

// : (point.x >= readAlarmX ? readAlarmX : point.x),

// point.y <= lockOnHalfSize ? lockOnHalfSize

// : (point.y >= lockScreenTopYTo ? lockScreenTopYTo

// : point.y));

// 判断边界

return new Point(point.x <=ignoreAlarmX ?ignoreAlarmX

: (point.x >=readAlarmX ?readAlarmX : point.x),

point.y <=minY ?minY : (point.y >=maxY ?maxY : point.y));

}

2.6 两点之间的距离计算

private int distance(int fromX, int fromY, int toX, int toY) {

return (int) Math.sqrt((toX - fromX) * (toX - fromX) + (toY - fromY)

* (toY - fromY));

}

2.7 onTouch处理，及图标替换

@Override

public boolean onTouch(View arg0, MotionEvent event) {

motionEventPoint.x = (int) event.getX();

motionEventPoint.y = (int) event.getY();

switch (event.getAction()) {

case MotionEvent.ACTION_DOWN: {

// 重置命中lock图标标志位

touchDownHitFlag =false;

// 判断event是否命中锁区域

if (motionEventPoint.x >=lockOffRecDst.left

&&motionEventPoint.x <=lockOffRecDst.right

&&motionEventPoint.y >=lockOffRecDst.top

&&motionEventPoint.y <=lockOffRecDst.bottom) {

// 切换为解锁大图

touchDownHitFlag =true;

fadeInCenterLockFlag =false;

lockBitmap =lockOnBitmap;

lockRecSrc =lockOnRecSrc;

postInvalidate();

}else {

lockBitmap =lockOffBitmap;

}

// 每次touch down默认不命中

eventCode =null;

}

break;

case MotionEvent.ACTION_MOVE: {

if (touchDownHitFlag) {

// 只要锁被拖动的话, 光圈就不要

fadeInCenterLockFlag =false;

// 拖动解锁大图

// 大图的四周不能越过边界

PointallowedPoint = getLockOnMoveAllowedPoint(motionEventPoint);

//

// 如果到达ignore图片

if (motionEventPoint.x

// event与ignore之间的中心距离

if (distance(allowedPoint.x, allowedPoint.y, ignoreAlarmX,

standardY) <=eventHitDistance) {

// 命中

alarmHitBitmap =alarmOff2OnBitmap;

alarmOff2OnDst =ignoreAlarmOff2OnDst;

// 取消锁图标的显示

lockBitmap =null;

// 忽略报警事件code，equals(MSG_LAUNCH_IGNORE)

eventCode =1;

}else {

// // 没有命中, 忽略报警图标还原

// ignoreBitmap = ignoreOffBitmap;

// 打开锁图标的显示

lockBitmap =lockOnBitmap;

alarmHitBitmap =null;

eventCode =null;

}

}else {

// 如果到达read event与ignore之间的中心距离

if (distance(allowedPoint.x, allowedPoint.y, readAlarmX,

standardY) <=eventHitDistance) {

// 命中

alarmHitBitmap =alarmOff2OnBitmap;

alarmOff2OnDst =readAlarmOff2OnDst;

// 取消锁图标的显示

lockBitmap =null;

// 读报警事件code,MSG_LAUNCH_READ

eventCode =2;

}else {

// 没有命中, 读报警的圈图标还原

alarmHitBitmap =null;

// 打开锁图标的显示

lockBitmap =lockOnBitmap;

alarmHitBitmap =null;

eventCode =null;

}

}

// 锁图片被移动的目标位置

lockRecDst = getLockOnMoveRectDst(allowedPoint);

postInvalidate();

}

}

break;

case MotionEvent.ACTION_UP: {

// 判断event是否命中ignore或者read区域

// 如果命中,则进行相应跳转

if (touchDownHitFlag &&eventCode !=null) {

doTriggerEvent(eventCode);

}else {

// 否则, 解锁大图复位, 并且变为未解锁小图

lockBitmap =lockOffBitmap;

lockRecSrc =lockOffRecSrc;

lockRecDst =lockOffRecDst;

// 取消命中框按钮

alarmHitBitmap =null;

fadeInCenterLockFlag =true;

postInvalidate();

}

}

break;

}

return true;

}