模仿android4.0的开锁界面

最新推荐文章于 2024-09-14 19:06:02 发布
最新推荐文章于 2024-09-14 19:06:02 发布
阅读量1.3k 收藏 1
点赞数
分类专栏： 圆环解锁 模仿4.0解锁 文章标签： android animation action exception float random
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/zhanwei_30/article/details/7624025
版权

转发的时候请标记转自：http://blog.csdn.net/zhanwei_30/article/details/7624025 

参加工作到现在一年了，天天看别人的博客，自己也开始写一篇博客，对前段时间的项目简单的总结一下大概思路是：

1、多次观察4.0的锁屏 开锁界面 细节 需要几张图片图片的大小 处理等 先做出静态的界面---自定义自己想要的布局

public class Circle_View extends FrameLayout {
 private Context mContext;
 private ImageView lock_circle, lockView, anchorView, outsideView;
 private int wps = ViewGroup.LayoutParams.FILL_PARENT;
 // 手指离开时判断小圆是否在大圆内
 private boolean IsoutCircle = false;
 // 记录下 anchorView的起始位置 当手指离开时在圆内的时候 还回到原来的位置
 private int anchorView_left;
 private int anchorView_top;
 private int anchorView_right;
 private int anchorView_bottom;
 // 上临界点的y坐标
 int critical_top = 0;
 // 下临界点的y坐标
 int critical_bottom = 0;
 private Vibrator mVibrator;
 private Rect mRect;
 private boolean mTracking;
 private boolean mTriggered = false;

 public Circle_View(Context context) {
  super(context);
  mContext = context;
  setUp();
 }

 public Circle_View(Context context, AttributeSet attrs) {
  super(context, attrs);
  mContext = context;
  setUp();
 }

 public Circle_View(Context context, AttributeSet attrs, int defStyle) {
  super(context, attrs, defStyle);
  mContext = context;
 }

 @Override
 protected void onLayout(boolean arg0, int arg1, int arg2, int arg3, int arg4) {
  final int count = getChildCount();
  for (int i = 0; i < count; i++) {
   final View child = getChildAt(i);
   int left = getMeasuredWidth() / 2 - child.getMeasuredWidth() / 2;
   int right = left + child.getMeasuredWidth();
   int top = getMeasuredHeight() / 2 - child.getMeasuredHeight() / 2;
   int bottom = top + child.getMeasuredHeight();
   child.layout(left, top, right, bottom);
  }
 }

 @Override
 protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) {
  super.onMeasure(widthMeasureSpec, heightMeasureSpec);
  final int count = getChildCount();
  for (int i = 0; i < count; i++) {
   final View child = getChildAt(i);
   final int width = child.getMeasuredWidth();
   final int height = child.getMeasuredHeight();
   getChildAt(i).measure(width, height);
  }
 }

 private void setUp() {
  mVibrator = (Vibrator) mContext.getSystemService(Context.VIBRATOR_SERVICE);
  mRect = new Rect();

  outsideView = new ImageView(mContext);
  Drawable out = getResources().getDrawable(R.drawable.outside);
  outsideView.setImageBitmap(getSmallBitmap(out));
  addView(outsideView, 0);

  ImageView insideView = new ImageView(mContext);
  Drawable in = getResources().getDrawable(R.drawable.inside);
  insideView.setImageBitmap(getSmallBitmap(in));
  addView(insideView, 1);

  anchorView = new ImageView(mContext);
  int width = 50;
  int height = 50;
  Bitmap anchor = Bitmap.createScaledBitmap(((BitmapDrawable) out).getBitmap(), width, height, true);
  anchorView.setImageBitmap(anchor);
  addView(anchorView, 2);

  lockView = new ImageView(mContext);
  Drawable lock = getResources().getDrawable(R.drawable.lock);
  lockView.setImageDrawable(lock);
  addView(lockView, 3);

  lock_circle = new ImageView(mContext);
  Drawable circle = getResources().getDrawable(R.drawable.lock_cricle);
  lock_circle.setImageBitmap(getSmallBitmap(circle));
  lock_circle.setLayoutParams(new LayoutParams(wps, wps));
  addView(lock_circle, 4);
 }

 Bitmap getSmallBitmap(Drawable drawable) {
  Bitmap bitmap = ((BitmapDrawable) drawable).getBitmap();
  Bitmap newBitmap = Bitmap.createScaledBitmap(bitmap, bitmap.getWidth() / 2, bitmap.getHeight() / 2, true);
  return newBitmap;
 }

2、拖动过程的动画实现 位置的判断---计算直线与圆的交点（注意这里要对斜率不存在的点处理的过程还需要注意精度）

@Override
 public boolean onInterceptTouchEvent(MotionEvent ev) {
  final int action = ev.getAction();
  final int x = (int) ev.getX();
  final int y = (int) ev.getY();
  //判断手指的位置是否在解锁的小圆中
  lock_circle.getHitRect(mRect);
  boolean isValid = mRect.contains(x, y);

  //当再次点击的时候 若锁环隐藏就让他马上显示在圆心
  if (lock_circle.getVisibility() == 4) {
   lockView.setVisibility(0);
   lock_circle.layout(anchorView_left, anchorView_top, anchorView_right, anchorView_bottom);
   lock_circle.setVisibility(0);
  }
  //对手指移动前的拦截判断
  if (!mTracking && !isValid)
   return false;
  switch (action) {
  case MotionEvent.ACTION_DOWN:
   mTracking = true;
   final View v = lock_circle;
   lockView.setVisibility(View.INVISIBLE);
   scale_big(action);
   anchorView_left = v.getLeft();
   anchorView_top = v.getTop();
   anchorView_right = v.getRight();
   anchorView_bottom = v.getBottom();
   mVibrator.vibrate(50);
   break;

  }

  return true;
 }

 @Override
 public boolean onTouchEvent(MotionEvent event) {
  if (mTracking) {
   final int action = event.getAction();
   final View v = lock_circle;
   final int width = v.getRight() - v.getLeft();
   final int height = v.getBottom() - v.getTop();
   final int radius_big = Math.round(outsideView.getMeasuredWidth() / 2.0f);
   critical_top = outsideView.getTop();
   critical_bottom = outsideView.getBottom();
   // System.out.println("上临界点是" + critical_top + "<--->下临界点是" +
   // critical_bottom);
   final int radius_x = outsideView.getLeft() + radius_big;
   final int radius_y = outsideView.getTop() + radius_big;
   final int radius_small = Math.round(width / 2.0f);
   switch (action) {

   case MotionEvent.ACTION_MOVE:
    int spaceX = 0;
    int spaceY = 0;
    // final int a=(0-(new Random().nextInt(10))+5);
    final int x = (int) event.getX();
    final int y = (int) event.getY();
    final boolean flag = MathEx_circle.isCrossPoint(radius_x, radius_y, radius_big, x, y);
    // 在圆内
    if (!flag) {
     spaceX = x;
     spaceY = y;
    } else {
     // 判断触摸是否有效
     /*
      * boolean valideTouch_X_Y =
      * MathEx_circle.isValideTouchXY(radius_x, radius_y,
      * radius_big, x, y); if (!valideTouch_X_Y) return true;
      */
     //在这里要取某个范围 这里的用的只都是int型 在float强转int的的时候 会舍去后边的小数 同事在计算率的时候精度也不够  java的精度可能不是太准确  临界点周围的值都会     //计算有很大的误差  包括在计算是否在圆内的时候 经过反复的实验 我感觉那个临界范围刚好是小圆的直径
     if (x > radius_x-radius_small && x < radius_x+radius_small) {
      spaceX = radius_x;
      if (y <= critical_top) {
       spaceY = critical_top;
      }
      else if (y >= critical_bottom) {
       spaceY = critical_bottom;
      }
      if(spaceY==0)spaceY=critical_bottom;;
     } else {
      spaceX = MathEx_circle.calXBothOnLineAndCircle(radius_x, radius_y, radius_big, x, y);
      spaceY = MathEx_circle.calYFromXOnLine(radius_x, radius_y, x, y, spaceX);
     }
     
    }

    System.err.println("圆心坐标是" + "x=" + radius_x + "\t y=" + radius_y + "手指的位置是x=" + x + "\t y=" + y + "小圆的直径是 width=" + width + "\t height=" + height + "----measureWidth=" + v.getMeasuredWidth() + "\t getLeft=" + v.getLeft() + "\t getRight=" + v.getRight() + "\t gettop=" + v.getTop()
      + "\tgetBottom=" + v.getBottom() + "大圆的半径是" + radius_big);

    System.err.println("spaceX=" + spaceX + "\t spaceY=" + spaceY);
    
    if (spaceY<critical_top) {
     spaceY=critical_top;
    }
    
    if (spaceY>critical_bottom) {
     spaceY=critical_bottom;
    }
     
    int l = spaceX - radius_small;
    int t = spaceY - radius_small;
    int r = spaceX + radius_small;
    int b = spaceY + radius_small;
    
    v.layout(l, t, r, b);
    break;
   case MotionEvent.ACTION_UP:
    //手指离开后的处理
    final int rawX = (int) event.getX();
    final int rawY = (int) event.getY();
    IsoutCircle = MathEx_circle.isCrossPoint(radius_x, radius_y, radius_big, rawX, rawY);
    scale_big(action);
    break;
   }
  }
  return mTracking || super.onTouchEvent(event);

 }

 private void scale_big(int action) {
  final int anchor_width = anchorView.getDrawable().getIntrinsicWidth();
  final int outCircle_width = outsideView.getDrawable().getIntrinsicWidth();
  final float scale = (outCircle_width * 1.00f) / (anchor_width * 1.00f);
  ScaleAnimation animation = new ScaleAnimation(1.00f, scale, 1.00f, scale, Animation.RELATIVE_TO_SELF, 0.50f, Animation.RELATIVE_TO_SELF, 0.50f);
  animation.setFillAfter(true);
  animation.setDuration(1000);
  animation.setAnimationListener(new MyAnimationListener(action));
  anchorView.startAnimation(animation);
 }

 class MyAnimationListener implements AnimationListener {
  // 滑动的动作
  int action;
  boolean inside_circle;

  public MyAnimationListener(int action) {
   this.action = action;
  }

  @Override
  public void onAnimationEnd(Animation animation) {
   switch (action) {
   case MotionEvent.ACTION_DOWN:
   case MotionEvent.ACTION_MOVE:
    animation.setRepeatMode(Animation.RESTART);
    animation.setRepeatCount(Animation.INFINITE);
    break;
   case MotionEvent.ACTION_UP:
    outsideView.setVisibility(0);
    lockView.setVisibility(0);
    lock_circle.layout(anchorView_left, anchorView_top, anchorView_right, anchorView_bottom);
    lock_circle.setVisibility(0);
    anchorView.setVisibility(0);
    anchorView.clearAnimation();
    animation.cancel();
    break;
   }

  }

  @Override
  public void onAnimationRepeat(Animation animation) {
  }

  @Override
  public void onAnimationStart(Animation animation) {
   if (action == MotionEvent.ACTION_UP) {
    
    if (!IsoutCircle) {
     outsideView.setVisibility(4);
     lock_circle.setVisibility(4);
     anchorView.setVisibility(4);
    }else {
     //手指离开就结束动画 立刻执行解锁
     anchorView.clearAnimation();
     animation.cancel();
     anchorView.setVisibility(4);
     mVibrator.vibrate(100);
     Toast.makeText(mContext, "在这里进行开锁", 3000).show();
    }
   }

  

 3、上边类中的引用的MathEx_circle类是一个静态类封装了所有的处理直线与圆的关系方法
       主要代码如下  注释很详细

/**
  * 已知两点坐标求斜率(这边不考虑x1==x2的情况)
  * @param x1 点1的x坐标
  * @param y1 点2的y坐标
  * @param x2 点3的x坐标
  * @param y2 点4的y坐标
  * @return
  * @throws Exception
  */
 public static double calSlope(int x1, int y1, int x2, int y2) {
  return (double) (y2 - y1) / (double) (x2 - x1);
 }

 /**
  * 已知斜率和直线上一点坐标,求截距
  * @param x 点x坐标
  * @param y 点y坐标
  * @param k 斜率
  * @return
  */
 public static double calIntercept(int x, int y, double k) {
  return y - k * x;
 }

 /**
  * 已知x坐标、斜率k和截距长度b,使用y=kx+b公式求y坐标
  * @param x
  * @param k
  * @param b
  * @return
  */
 public static int calYFromXOnLine(int x, double k, double b) {
  return (int) (k * x + b);
 }

 /**
  * 已知直线上两点坐标(x1,y1),(x2,y2)和第三点x坐标，求第三点y坐标
  * @param x1 点1的x坐标
  * @param y1 点1的y坐标
  * @param x2 点2的x坐标
  * @param y2 点2的y坐标
  * @param x 第三点的x坐标
  * @return
  */
 public static int calYFromXOnLine(int x1, int y1, int x2, int y2, int x) {
   double k = calSlope(x1, y1, x2, y2);
   double b = calIntercept(x1, y1, k);
   return calYFromXOnLine(x, k, b);
 }

 /**
  * 求(x-cx)^2+(y-cy)^2=radius^2圆方程与y=kx+b直线方程的交点x坐标(此处省去两者是否有交点的逻辑判断)
  * @param circleCx
  * @param circleCy
  * @param circleRadius
  * @param k
  * @param b
  * @param y
  * @return
  */
 public static int[] calXBothOnLineAndCircle(int cx, int cy, int radius,
   double k, double b) {
  double paramA = k * k + 1;
  double paramB = 2 * k * (b - cy) - 2 * cx;
  double paramC = cx * cx + (b - cy) * (b - cy) - radius * radius;

  int[] result = new int[2];

  result[0] = (int) ((-paramB + Math.sqrt(paramB * paramB - 4 * paramA
    * paramC)) / (2 * paramA));
  result[1] = (int) ((-paramB - Math.sqrt(paramB * paramB - 4 * paramA
    * paramC)) / (2 * paramA));
  return result;
 }

 /**
  * 已知圆心坐标和半径,有一点与圆心构成以圆心为端点的射线,计算射线与圆的交点x坐标
  * @param cx
  * @param cy
  * @param radius
  * @param x
  * @param y
  * @return
  */
 public static int calXBothOnLineAndCircle(int cx, int cy, int radius,
   int x, int y) {
  double k = calSlope(cx, cy, x, y);
  double b = calIntercept(x, y, k);
  int[] tempResult = calXBothOnLineAndCircle(cx, cy, radius, k, b);
  return x > cx ? Math.max(tempResult[0], tempResult[1]) : Math.min(
    tempResult[0], tempResult[1]);
 }

 

4、接下来说一下重点：怎么移植到源码中

把MathEx_circle放在frameworks/base/core/java/com/android/internal/widget/ 下和SildingTab在同一个目录下

然后把Circle_View中的代码移植到Silding中  该删除的删除  编译的过程有问题的地方自己修改就行了

5、在frameworks/base/core/res/res/***layout.xml(找到适合自己手机屏幕的布局界面) 找到keyguard_screen_tab_unlock_.xml keyguard_screen_tab_unlock_land.xml

把一些不要的删除掉（参照4.0的界面）只剩下时间 日期 闹钟 紧急电话 充电显示  把Sliding的布局的高度调高 位置在修改一下就行了

烧伤的火柴
关注
专栏目录
android简单锁屏解锁功能
09-28
主要是模仿android端九宫格锁屏解锁功能。简单的实现更换解锁密码，以及保存解锁密码
使用Jquery 来模仿手势解锁密码特效
weixin_30493321的博客
08-14 165
效果预览图： 验证成功：（可以进行页面挑战等...） 验证失败： HTML： 1 <div id="gesturepwd" style="position: absolute;width:440px;height:440px;left:50%;top:50%; 2 margin-left:-220px;margin-top:-220px"></d...
【Android -- 开源库】网络请求 Okhttp 的基本使用
Kevin Learn Android
08-08 7737
目前大量流行库都以 OkHttp 作为底层网络请求框架或提供支持，比如：Retrofit、Glide、Fresco、Moshi、Picasso 等。 常用的状态码： 100~199：指示信息，表示请求已接收，继续处理 200~299：请求成功，表示请求已被成功接收、理解 300~399：重定向，要完成请求必须进行更进一步的操作 400~499：客户端错误，请求有语法错误或请求无法实现 500~599：服务器端错误，服务器未能实现合法的请求...
Android蓝牙开锁讲解
巧克力的专栏
02-22 4935
蓝牙介绍：BLE蓝牙的兴起主要因为近年来可穿戴设备的流行。由于传统蓝牙功耗高不能满足可穿戴设备对于续航的要求。所以大部分可穿戴设备采用蓝牙4.0，即BLE蓝牙技术。BLE(Bluetooth Low Energy)低功耗蓝牙，主要特点是快速搜索，快速连接，超低功耗保持连接和数据传输。缺点：BLE蓝牙数据传输速率低，特别是在安卓开发过程，BLE蓝牙一包数据最多为20字节，因此安卓系统下最好不要使用BLE蓝牙传输大量数据。
android 蓝牙开锁功能,uni-app蓝牙开锁篇
weixin_28938385的博客
05-26 1608
uni-app的api和微信的api其实很相似,用法一样,在这里奉上我之前在项目中实现蓝牙开锁的代码,我会说明每一步的步骤,哪个步骤用哪个api,每个api的详细用法可以去uni-app官网参考文档蓝牙整个步骤：1初始化蓝牙，2开始搜寻附近的蓝牙外围设备，3监听寻找到新设备的事件，4搜寻到需要的蓝牙，停止搜寻附近的蓝牙外围设备，5连接低功耗蓝牙设备，6获取蓝牙设备所有服务(service)，7获取...
Android代码-自定义开关锁View。
08-07
OvalLockView 动画效果 使用方法： ... public void onUnLockPrepared() {// 准备开锁 } @Override public void onLockStart() {// 开始上锁 } @Override public void onUnlockStart() {//
仿苹果手机滑动开锁
08-05
仿苹果手机滑动开锁，界面很漂亮，和苹果的一样的，呵呵
Android仿网易云音乐中锁屏后在开锁界面插屏功能
可爱的暖兔兔
05-18 7838
这个功能实现起来应该有多种方式，可以使用WindowManager创建window的方法。 在本文中我们使用开启一个Activity来充当锁屏界面。 实现步骤有以下两步： 一、后台开启一个Service，监听屏幕锁屏广播。 二、当屏幕熄灭，收到广播后，开启充当锁屏界面的Activity。 实现思路就是这么简单，但具体细节需要说说。首先开启Service。Intent service = n
开锁业务管理 宏达开锁业务管理系统 v1.0
10-18
《开锁业务管理系统》是宏达软件针对开锁服务行业精心设计的一款专业管理软件，旨在提升开锁中心、开锁公司以及汽车钥匙配对服务的运营效率和管理水平。这款v1.0版本的系统集成了多种核心功能，旨在解决行业内的日常...
Android - NDK:在Jni中打印Log信息
dami_lixm的专栏
09-10 409
在Jni中打印Log信息 1、在配置CMakeLists.txt find_library( # Sets the name of the path variable. log-lib # Specifies the name of the NDK library that # you want CMake to locate. log) # Specifies libraries CMake should link to your targ
【Android】【Bug】使用OSmdroid绘制轨迹断裂问题
每天不是在写bug就是在写bug的路上
09-14 557
使用OSmdroid绘制轨迹断裂问题
Apple M3编译OpenSSL安卓平台SO库
09-13 224
添加ANDROID_NDK_ROOT环境变量，iosdev改为你自己的用户名。头文件安装位置：/usr/local/include/openssl。2.配置NDK环境变量：vim ~/.zprofile。5.安装： sudo make install。添加NDK下可执行文件路径到PATH环境变量。库文件安装位置：/usr/local/lib。进入openssl源码目录，执行下面指令。4.编译：输入make后回车。验证文件是否为arm平台的。
Android - NDK: 在jni层生成java层对象，并调用java层的方法
dami_lixm的专栏
09-10 612
在Jni中生成java层的对象，并给对象的属性赋值，调用对象的方法，在jni中返回java方法的返回值。
WebShell流量特征检测_菜刀篇
徐徐徐的博客
09-09 778
4、全版本菜刀规则总结可以看到三个版本的菜刀都有这一串字符，我们在对蚁剑连接webshell的流量进行分析时也会见到这一串字符，其实不止这么短，但是对规则而言已经足够了。蚁剑的核心源代码有很多都是借鉴菜刀的。PHP ini_set用来设置php.ini的值，在函数执行时生效##设置错误信息的类别(不显示错误报告)
【安卓13 源码】Input子系统（3） - EventHub增加设备的流程
mike_jun的博客
09-10 549
由前面的分析知道，在创建inputreader 线程的时候，会去循环执行 looponce 方法。
Android14 蓝牙 BluetoothService 启动和相关代码介绍
最新发布
wenzhi的博客
09-14 1003
蓝牙开关和使能开发主要用到：BluetoothService、BluetoothManagerService、BluetoothManager、BluetoothAdapter 这几个系统相关类。某个蓝牙的配对、连接、断开 使用的是 BluetoothDevice 对象。蓝牙开关状态不记忆或者打开异常就可以看看BluetoothManagerService的日志，里面有打开关闭相关过程日志和时间点，这个对问题分析有一定的帮助。本文主要介绍一下 framework 相关的几个类，
MySQL之数据类型
Miwll的博客
09-14 665
MySQL数据类型
Android audioRecord 获取实时音频可视化
南七小僧的学海无涯
09-10 472
通过本文的介绍，我们了解到了如何使用Android的类来获取实时音频数据，并将其可视化展示。这不仅有助于我们更好地理解音频信号的特性，也为开发音频相关的应用提供了基础。希望本文的内容对您有所帮助，如果您有任何问题或建议，欢迎在评论区与我们交流。
Android 2.3 Keyguard框架详解：解锁与开锁界面剖析
Android手机的锁屏界面实际上由两个不同的界面构成：LockScreen（解锁界面）和UnLockScreen（开锁界面）。解锁界面通常是手机制造商定制的部分，如图案锁或PIN码输入界面。而开锁界面则是由系统提供的，包括图案...
评论 7
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值