android解锁数字,android 仿ios数字密码解锁界面的实例

悠悠 2022-10-05 00:53 215阅读 0赞

android 仿ios数字密码解锁界面的实例

发布时间：2020-09-07 07:24:26

来源：脚本之家

阅读：80

作者：AndyRenJie

如下所示：

![a86f5c9c070d33d6360bda8281a0cdf8.png][]

每个Android开发人员都知道，现在android的解锁最常用的就是九宫格解锁，ios的解锁常用的是数字密码解锁。而我们在开发工程中，很多时候，都需要android和ios进行结合。有的时候我们就需要把我们的解锁界面弄成像ios一样的数字键盘。

这里我就实现了一个仿照ios的数字密码解锁界面。在这里我采用了两种方式来实现，第一种就是使用自定义控件的形式，第二种就是使用我们的布局来实现的。这里我就着重讲一下使用自定义控件形式实现的思路。至于使用布局文件实现的方式，我就不进行具体的讲解了，具体的在后面我会上传源码供大家下载进行研究学习。

当然，我的能力有限，可能你们觉得我的方式不好，那么你们就给我提出来，看看具体你们觉得怎么实现才好，我们一起研究学习。

好了，废话不多说了，现在就来讲解一下，我所使用自定义控件的实现方法：

1.最主要还是实现自定义数字键盘(一个自定义View的控件)：

1.绘制数字

// 绘制第一排1,2,3

canvas.drawText("1", first\_x, 40 + first\_y, paint);

canvas.drawText("2", first\_x \* 2, 40 + first\_y, paint);

canvas.drawText("3", first\_x \* 3, 40 + first\_y, paint);

// 绘制第2排4,5,6

canvas.drawText("4", first\_x, 40 + first\_y + first\_x, paint);

canvas.drawText("5", first\_x \* 2, 40 + first\_y + first\_x, paint);

canvas.drawText("6", first\_x \* 3, 40 + first\_y + first\_x, paint);

// 绘制第3排7,8,9

canvas.drawText("7", first\_x, 40 + first\_y + first\_x \* 2, paint);

canvas.drawText("8", first\_x \* 2, 40 + first\_y + first\_x \* 2, paint);

canvas.drawText("9", first\_x \* 3, 40 + first\_y + first\_x \* 2, paint);

// 绘制第4排0

canvas.drawText("0", first\_x \* 2, 40 + first\_y + first\_x \* 3, paint);

2.绘制好数字后，我们需要在每一个数字外面添加一层圆，绘制圆

//依次绘制第一排的圆

canvas.drawCircle(first\_x+10, 40 + first\_y - 15, 50, paint);

canvas.drawCircle(first\_x\*2+10, 40 + first\_y - 15, 50, paint);

canvas.drawCircle(first\_x\*3+10, 40 + first\_y - 15, 50, paint);

//依次绘制第2排的圆

canvas.drawCircle(first\_x+10, 40 + first\_y + first\_x - 15, 50, paint);

canvas.drawCircle(first\_x\*2+10, 40 + first\_y + first\_x - 15, 50, paint);

canvas.drawCircle(first\_x\*3+10, 40 + first\_y + first\_x - 15, 50, paint);

//依次绘制第3排的圆

canvas.drawCircle(first\_x+10, 40 + first\_y + first\_x \* 2 - 15, 50, paint);

canvas.drawCircle(first\_x\*2+10, 40 + first\_y + first\_x \* 2 - 15, 50, paint);

canvas.drawCircle(first\_x\*3+10, 40 + first\_y + first\_x \* 2 - 15, 50, paint);

//绘制最后一个圆

canvas.drawCircle(first\_x\*2+10, 40 + first\_y + first\_x \* 3 - 15, 50, paint);

3.点击数字后，我们给一个不同的效果，让用户知道自己点击了该数字，这里我是吧外面的圆的颜色改为了黄色

//判断是否点击数字

if(circle\_x > 0 && circle\_y > 0)\{//点击

if(type == 0)\{//按下刷新

paint.setColor(Color.YELLOW);//设置画笔颜色

canvas.drawCircle(circle\_x, circle\_y, 50, paint);//绘制圆

\}else if(type == 1)\{//弹起刷新

paint.setColor(Color.WHITE);//设置画笔颜色

canvas.drawCircle(circle\_x, circle\_y, 50, paint);//绘制圆

//绘制完成后,重置

circle\_x = 0; circle\_y = 0;

4.最后就是判断点击的数字

/\*

\* 判断点击的是哪一个数字圆

\*/

private void handleDown(float x, float y)\{

//判断点击的是那一列的数据

if(xs\[0\] - 50 <= x && x <= xs\[0\] + 50)\{//第一列

//获取点击处的圆心横坐标

circle\_x = xs\[0\];

//判断点击的是哪一排

if(ys\[0\] - 50 <= y && ys\[0\] + 50 >= y)\{//第1排

//获取点击的数字圆的圆心纵坐标

circle\_y = ys\[0\];

number = 1;//设置点击的数字

\}else if(ys\[1\] - 50 <= y && ys\[1\] + 50 >= y)\{//第2排

//获取点击的数字圆的圆心纵坐标

circle\_y = ys\[1\];

number = 4;//设置点击的数字

\}else if(ys\[2\] - 50 <= y && ys\[2\] + 50 >= y)\{//第3排

//获取点击的数字圆的圆心纵坐标

circle\_y = ys\[2\];

number = 7;//设置点击的数字

\}else if(xs\[1\] - 50 <= x && x <= xs\[1\] + 50)\{//第2列

//获取点击处的圆心横坐标

circle\_x = xs\[1\];

//判断点击的是哪一排

if(ys\[0\] - 50 <= y && ys\[0\] + 50 >= y)\{//第1排

//获取点击的数字圆的圆心纵坐标

circle\_y = ys\[0\];

number = 2;//设置点击的数字

\}else if(ys\[1\] - 50 <= y && ys\[1\] + 50 >= y)\{//第2排

//获取点击的数字圆的圆心纵坐标

circle\_y = ys\[1\];

number = 5;//设置点击的数字

\}else if(ys\[2\] - 50 <= y && ys\[2\] + 50 >= y)\{//第3排

//获取点击的数字圆的圆心纵坐标

circle\_y = ys\[2\];

number = 8;//设置点击的数字

\}else if(ys\[3\] - 50 <= y && ys\[3\] + 50 >= y)\{//第4排

//获取点击的数字圆的圆心纵坐标

circle\_y = ys\[3\];

number = 0;//设置点击的数字

\}else if(xs\[2\] - 50 <= x && x <= xs\[2\] + 50)\{//第3列

//获取点击处的圆心横坐标

circle\_x = xs\[2\];

//判断点击的是哪一排

if(ys\[0\] - 50 <= y && ys\[0\] + 50 >= y)\{//第1排

//获取点击的数字圆的圆心纵坐标

circle\_y = ys\[0\];

number = 3;//设置点击的数字

\}else if(ys\[1\] - 50 <= y && ys\[1\] + 50 >= y)\{//第2排

//获取点击的数字圆的圆心纵坐标

circle\_y = ys\[1\];

number = 6;//设置点击的数字

\}else if(ys\[2\] - 50 <= y && ys\[2\] + 50 >= y)\{//第3排

//获取点击的数字圆的圆心纵坐标

circle\_y = ys\[2\];

number = 9;//设置点击的数字

sendAccessEvent(R.string.numeric\_keyboard\_down);

type = 0;//按下刷新

//绘制点击时的背景圆

invalidate();

好了，大概我的就是这样了。顺带提一下，我这里上面4个显示密码的控件也是采用的自定义控件的方式，使用线程实现输入数字后1秒后用密码字符替换输入的数字。(有人可能会说系统的EditText控件设置样式为密码也可以实现，这里我想说的是，不可以的，至少我试了是不行的)

以上这篇android 仿ios数字密码解锁界面的实例就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持亿速云。

[a86f5c9c070d33d6360bda8281a0cdf8.png]: /images/20221005/d60ef2b52f99484589ec35d2a2de91a6.png

android解锁数字,android 仿ios数字密码解锁界面的实例

发表评论取消回复

还没有评论，来说两句吧...

相关阅读

相关 android解锁数字,android 仿ios数字密码解锁界面的实例

相关 ios与android指纹识别,iOS开发实现TouchID指纹解锁

相关 FPGA 35 数字密码锁系统设计

相关 android--仿苹果数字解锁功能

相关 Android锁屏与解锁广播状态监听

相关 Android实现九宫格图案解锁

相关 iOS-高仿支付宝手势解锁(九宫格)

相关 android 手势密码锁 GestureLock

相关 iOS实现类似苹果手机原生的锁屏界面(数字密码)

相关 Flex【原创】模拟Android图案解锁