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;

}

最后编辑于 ：
©著作权归作者所有,转载或内容合作请联系作者
  • 人面猴
    序言：七十年代末，一起剥皮案震惊了整个滨河市，随后出现的几起案子，更是在滨河造成了极大的恐慌，老刑警刘岩，带你破解...
    沈念sama阅读 200,392评论 5赞 470
  • 死咒
    序言：滨河连续发生了三起死亡事件，死亡现场离奇诡异，居然都是意外死亡，警方通过查阅死者的电脑和手机，发现死者居然都...
    沈念sama阅读 84,258评论 2赞 377
  • 救了他两次的神仙让他今天三更去死
    文/潘晓璐 我一进店门，熙熙楼的掌柜王于贵愁眉苦脸地迎上来，“玉大人，你说我怎么就摊上这事。” “怎么了？”我有些...
    开封第一讲书人阅读 147,417评论 0赞 332
  • 道士缉凶录：失踪的卖姜人
    文/不坏的土叔 我叫张陵，是天一观的道长。 经常有香客问我，道长，这世上最难降的妖魔是什么？ 我笑而不...
    开封第一讲书人阅读 53,992评论 1赞 272
  • 港岛之恋（遗憾婚礼）
    正文 为了忘掉前任，我火速办了婚礼，结果婚礼上，老公的妹妹穿的比我还像新娘。我一直安慰自己，他们只是感情好，可当我...
    茶点故事阅读 62,930评论 5赞 360
  • 恶毒庶女顶嫁案：这布局不是一般人想出来的
    文/花漫 我一把揭开白布。 她就那样静静地躺着，像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上，一...
    开封第一讲书人阅读 48,199评论 1赞 277
  • 城市分裂传说
    那天，我揣着相机与录音，去河边找鬼。 笑死，一个胖子当着我的面吹牛，可吹牛的内容都是我干的。 我是一名探鬼主播，决...
    沈念sama阅读 37,652评论 3赞 390
  • 双鸳鸯连环套：你想象不到人心有多黑
    文/苍兰香墨 我猛地睁开眼，长吁一口气：“原来是场噩梦啊……” “哼！你这毒妇竟也来了？” 一声冷哼从身侧响起，我...
    开封第一讲书人阅读 36,327评论 0赞 254
  • 万荣杀人案实录
    序言：老挝万荣一对情侣失踪，失踪者是张志新（化名）和其女友刘颖，没想到半个月后，有当地人在树林里发现了一具尸体，经...
    沈念sama阅读 40,463评论 1赞 294
  • 护林员之死
    正文 独居荒郊野岭守林人离奇死亡，尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 35,382评论 2赞 317
  • 白月光启示录
    正文 我和宋清朗相恋三年，在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 37,432评论 1赞 329
  • 活死人
    序言：一个原本活蹦乱跳的男人离奇死亡，死状恐怖，灵堂内的尸体忽然破棺而出，到底是诈尸还是另有隐情，我是刑警宁泽，带...
    沈念sama阅读 33,118评论 3赞 315
  • 日本核电站爆炸内幕
    正文 年R本政府宣布，位于F岛的核电站，受9级特大地震影响，放射性物质发生泄漏。R本人自食恶果不足惜，却给世界环境...
    茶点故事阅读 38,704评论 3赞 303
  • 男人毒药：我在死后第九天来索命
    文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹，春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 29,787评论 0赞 19
  • 一桩弑父案，背后竟有这般阴谋
    文/苍兰香墨 我抬头看了看天上的太阳。三九已至，却和暖如春，着一层夹袄步出监牢的瞬间，已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 30,999评论 1赞 255
  • 情欲美人皮
    我被黑心中介骗来泰国打工， 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留，地道东北人。 一个月前我还...
    沈念sama阅读 42,476评论 2赞 346
  • 代替公主和亲
    正文 我出身青楼，却偏偏与公主长得像，于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子，可洞房花烛夜当晚...
    茶点故事阅读 42,057评论 2赞 341