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;
}
网友评论