http://blog.csdn.net/way_ping_li/article/details/17015153

http://blog.csdn.net/way_ping_li/article/details/17015153

http://blog.csdn.net/way_ping_li/article/details/17015153

http://blog.csdn.net/way_ping_li/article/details/17015153

http://blog.csdn.net/way_ping_li/article/details/17015153


Android之高仿手机QQ图案解锁

分类：Android 2013-11-29 00:39 4757人阅读 评论(19) 收藏 举报

本文源码(utf-8编码)：http://download.csdn.net/detail/weidi1989/6628211

ps:请不要再问我，为什么导入之后会乱码了。

其实，代码基本上都是从原生系统中提取的：LockPatternView、加密工具类，以及解锁逻辑等，我只是稍作修改，大家都知道，原生系统界面比较丑陋，因此，我特意把QQ的apk解压了，从中拿了几张图案解锁的图片，一个简单的例子就这样诞生了。

好了，废话不多说，我们来看看效果(最后两张是最新4.4系统，炫一下，呵呵)：

Android之高仿手机QQ图案解锁_第1张图片Android之高仿手机QQ图案解锁_第2张图片Android之高仿手机QQ图案解锁_第3张图片Android之高仿手机QQ图案解锁_第4张图片Android之高仿手机QQ图案解锁_第5张图片Android之高仿手机QQ图案解锁_第6张图片Android之高仿手机QQ图案解锁_第7张图片


1.最关健的就是那个自定义九宫格View，代码来自framework下：LockPatternView，原生系统用的图片资源比较多，好像有7、8张吧，而且绘制的比较复杂，我找寻半天，眼睛都找瞎了，发现解压的QQ里面就3张图片，一个圈圈，两个点，没办法，只能修改代码了，在修改的过程中，才发现，其实可以把原生的LockPatternView给简化，绘制更少的图片，达到更好的效果。总共优化有：①去掉了连线的箭头，②原生的连线只有白色一种，改成根据不同状态显示黄色和红色两张色，③.原生view是先画点再画线，使得线覆盖在点的上面，影响美观，改成先画连线再画点。

关健部分代码onDraw函数：

[java] view plain copy
  1. @Override
  2. protectedvoidonDraw(Canvascanvas){
  3. finalArrayList<Cell>pattern=mPattern;
  4. finalintcount=pattern.size();
  5. finalboolean[][]drawLookup=mPatternDrawLookup;
  7. if(mPatternDisplayMode==DisplayMode.Animate){
  9. //figureoutwhichcirclestodraw
  11. //+1sowepauseoncompletepattern
  12. finalintoneCycle=(count+1)*MILLIS_PER_CIRCLE_ANIMATING;
  13. finalintspotInCycle=(int)(SystemClock.elapsedRealtime()-mAnimatingPeriodStart)
  14. %oneCycle;
  15. finalintnumCircles=spotInCycle/MILLIS_PER_CIRCLE_ANIMATING;
  17. clearPatternDrawLookup();
  18. for(inti=0;i<numCircles;i++){
  19. finalCellcell=pattern.get(i);
  20. drawLookup[cell.getRow()][cell.getColumn()]=true;
  21. }
  23. //figureoutinprogressportionofghostingline
  25. finalbooleanneedToUpdateInProgressPoint=numCircles>0
  26. &&numCircles<count;
  28. if(needToUpdateInProgressPoint){
  29. finalfloatpercentageOfNextCircle=((float)(spotInCycle%MILLIS_PER_CIRCLE_ANIMATING))
  30. /MILLIS_PER_CIRCLE_ANIMATING;
  32. finalCellcurrentCell=pattern.get(numCircles-1);
  33. finalfloatcenterX=getCenterXForColumn(currentCell.column);
  34. finalfloatcenterY=getCenterYForRow(currentCell.row);
  36. finalCellnextCell=pattern.get(numCircles);
  37. finalfloatdx=percentageOfNextCircle
  38. *(getCenterXForColumn(nextCell.column)-centerX);
  39. finalfloatdy=percentageOfNextCircle
  40. *(getCenterYForRow(nextCell.row)-centerY);
  41. mInProgressX=centerX+dx;
  42. mInProgressY=centerY+dy;
  43. }
  44. //TODO:Infiniteloophere...
  45. invalidate();
  46. }
  48. finalfloatsquareWidth=mSquareWidth;
  49. finalfloatsquareHeight=mSquareHeight;
  51. floatradius=(squareWidth*mDiameterFactor*0.5f);
  52. mPathPaint.setStrokeWidth(radius);
  54. finalPathcurrentPath=mCurrentPath;
  55. currentPath.rewind();
  57. //TODO:thepathshouldbecreatedandcachedeverytimewehit-detect
  58. //acell
  59. //onlythelastsegmentofthepathshouldbecomputedhere
  60. //drawthepathofthepattern(unlesstheuserisinprogress,and
  61. //weareinstealthmode)
  62. finalbooleandrawPath=(!mInStealthMode||mPatternDisplayMode==DisplayMode.Wrong);
  64. //drawthearrowsassociatedwiththepath(unlesstheuserisin
  65. //progress,and
  66. //weareinstealthmode)
  67. booleanoldFlag=(mPaint.getFlags()&Paint.FILTER_BITMAP_FLAG)!=0;
  68. mPaint.setFilterBitmap(true);//drawwithhigherqualitysincewe
  69. //renderwithtransforms
  70. //drawthelines
  71. if(drawPath){
  72. booleananyCircles=false;
  73. for(inti=0;i<count;i++){
  74. Cellcell=pattern.get(i);
  76. //onlydrawthepartofthepatternstoredin
  77. //thelookuptable(thisisonlydifferentinthecase
  78. //ofanimation).
  79. if(!drawLookup[cell.row][cell.column]){
  80. break;
  81. }
  82. anyCircles=true;
  84. floatcenterX=getCenterXForColumn(cell.column);
  85. floatcenterY=getCenterYForRow(cell.row);
  86. if(i==0){
  87. currentPath.moveTo(centerX,centerY);
  88. }else{
  89. currentPath.lineTo(centerX,centerY);
  90. }
  91. }
  93. //addlastinprogresssection
  94. if((mPatternInProgress||mPatternDisplayMode==DisplayMode.Animate)
  95. &&anyCircles){
  96. currentPath.lineTo(mInProgressX,mInProgressY);
  97. }
  98. //changthelinecolorindifferentDisplayMode
  99. if(mPatternDisplayMode==DisplayMode.Wrong)
  100. mPathPaint.setColor(Color.RED);
  101. else
  102. mPathPaint.setColor(Color.YELLOW);
  103. canvas.drawPath(currentPath,mPathPaint);
  104. }
  106. //drawthecircles
  107. finalintpaddingTop=getPaddingTop();
  108. finalintpaddingLeft=getPaddingLeft();
  110. for(inti=0;i<3;i++){
  111. floattopY=paddingTop+i*squareHeight;
  112. //floatcenterY=mPaddingTop+i*mSquareHeight+(mSquareHeight
  113. ///2);
  114. for(intj=0;j<3;j++){
  115. floatleftX=paddingLeft+j*squareWidth;
  116. drawCircle(canvas,(int)leftX,(int)topY,drawLookup[i][j]);
  117. }
  118. }
  120. mPaint.setFilterBitmap(oldFlag);//restoredefaultflag
  121. }

2.第二个值得学习的地方是(代码来自设置应用中)：在创建解锁图案时的枚举使用，原生代码中使用了很多枚举，将绘制图案时的状态、底部两个按钮状态、顶部一个TextView显示的提示文字都紧密的联系起来。因此，只用监听LockPatternView动态变化，对应改变底部Button和顶部TextView的状态即可实现联动，简单的方法可以实现很多代码才能实现的逻辑，个人很喜欢。

①全局的状态：

[java] view plain copy
  1. /**
  2. *Keeptrackinternallyofwheretheuserisinchoosingapattern.
  3. */
  4. protectedenumStage{
  5. //初始状态
  6. Introduction(R.string.lockpattern_recording_intro_header,
  7. LeftButtonMode.Cancel,RightButtonMode.ContinueDisabled,
  8. ID_EMPTY_MESSAGE,true),
  9. //帮助状态
  10. HelpScreen(R.string.lockpattern_settings_help_how_to_record,
  11. LeftButtonMode.Gone,RightButtonMode.Ok,ID_EMPTY_MESSAGE,
  12. false),
  13. //绘制过短
  14. ChoiceTooShort(R.string.lockpattern_recording_incorrect_too_short,
  15. LeftButtonMode.Retry,RightButtonMode.ContinueDisabled,
  16. ID_EMPTY_MESSAGE,true),
  17. //第一次绘制图案
  18. FirstChoiceValid(R.string.lockpattern_pattern_entered_header,
  19. LeftButtonMode.Retry,RightButtonMode.Continue,
  20. ID_EMPTY_MESSAGE,false),
  21. //需要再次绘制确认
  22. NeedToConfirm(R.string.lockpattern_need_to_confirm,
  23. LeftButtonMode.Cancel,RightButtonMode.ConfirmDisabled,
  24. ID_EMPTY_MESSAGE,true),
  25. //确认出错
  26. ConfirmWrong(R.string.lockpattern_need_to_unlock_wrong,
  27. LeftButtonMode.Cancel,RightButtonMode.ConfirmDisabled,
  28. ID_EMPTY_MESSAGE,true),
  29. //选择确认
  30. ChoiceConfirmed(R.string.lockpattern_pattern_confirmed_header,
  31. LeftButtonMode.Cancel,RightButtonMode.Confirm,
  32. ID_EMPTY_MESSAGE,false);
  34. /**
  35. *@paramheaderMessage
  36. *Themessagedisplayedatthetop.
  37. *@paramleftMode
  38. *Themodeoftheleftbutton.
  39. *@paramrightMode
  40. *Themodeoftherightbutton.
  41. *@paramfooterMessage
  42. *Thefootermessage.
  43. *@parampatternEnabled
  44. *Whetherthepatternwidgetisenabled.
  45. */
  46. Stage(intheaderMessage,LeftButtonModeleftMode,
  47. RightButtonModerightMode,intfooterMessage,
  48. booleanpatternEnabled){
  49. this.headerMessage=headerMessage;
  50. this.leftMode=leftMode;
  51. this.rightMode=rightMode;
  52. this.footerMessage=footerMessage;
  53. this.patternEnabled=patternEnabled;
  54. }
  56. finalintheaderMessage;
  57. finalLeftButtonModeleftMode;
  58. finalRightButtonModerightMode;
  59. finalintfooterMessage;
  60. finalbooleanpatternEnabled;
  61. }

②.底部两个按钮的状态枚举：

[java] view plain copy
  1. /**
  2. *Thestatesoftheleftfooterbutton.
  3. */
  4. enumLeftButtonMode{
  5. //取消
  6. Cancel(android.R.string.cancel,true),
  7. //取消时禁用
  8. CancelDisabled(android.R.string.cancel,false),
  9. //重试
  10. Retry(R.string.lockpattern_retry_button_text,true),
  11. //重试时禁用
  12. RetryDisabled(R.string.lockpattern_retry_button_text,false),
  13. //消失
  14. Gone(ID_EMPTY_MESSAGE,false);
  16. /**
  17. *@paramtext
  18. *Thedisplayedtextforthismode.
  19. *@paramenabled
  20. *Whetherthebuttonshouldbeenabled.
  21. */
  22. LeftButtonMode(inttext,booleanenabled){
  23. this.text=text;
  24. this.enabled=enabled;
  25. }
  27. finalinttext;
  28. finalbooleanenabled;
  29. }
  31. /**
  32. *Thestatesoftherightbutton.
  33. */
  34. enumRightButtonMode{
  35. //继续
  36. Continue(R.string.lockpattern_continue_button_text,true),
  37. //继续时禁用
  38. ContinueDisabled(R.string.lockpattern_continue_button_text,false),
  39. //确认
  40. Confirm(R.string.lockpattern_confirm_button_text,true),
  41. //确认是禁用
  42. ConfirmDisabled(R.string.lockpattern_confirm_button_text,false),
  43. //OK
  44. Ok(android.R.string.ok,true);
  46. /**
  47. *@paramtext
  48. *Thedisplayedtextforthismode.
  49. *@paramenabled
  50. *Whetherthebuttonshouldbeenabled.
  51. */
  52. RightButtonMode(inttext,booleanenabled){
  53. this.text=text;
  54. this.enabled=enabled;
  55. }
  57. finalinttext;
  58. finalbooleanenabled;
  59. }

就这样，只要LockPatternView的状态一发生改变，就会动态改变底部两个Button的文字和状态。很简洁，逻辑性很强。

3.第三个个人觉得比较有用的就是加密这一块了，为了以后方便使用，我把图案加密和字符加密分成两个工具类：LockPatternUtils和LockPasswordUtils两个文件，本文使用到的是LockPatternUtils。其实所谓的图案加密也是将其通过SHA-1加密转化成二进制数再保存到文件中(原生系统保存在/system/目录下，我这里没有权限，就保存到本应用目录下)，解密时，也是将获取到用户的输入通过同样的方法加密，再与保存到文件中的对比，相同则密码正确，不同则密码错误。关健代码就是以下4个函数：

[java] view plain copy
  1. /**
  2. *Serializeapattern.加密
  3. *
  4. *@parampattern
  5. *Thepattern.
  6. *@returnThepatterninstringform.
  7. */
  8. publicstaticStringpatternToString(List<LockPatternView.Cell>pattern){
  9. if(pattern==null){
  10. return"";
  11. }
  12. finalintpatternSize=pattern.size();
  14. byte[]res=newbyte[patternSize];
  15. for(inti=0;i<patternSize;i++){
  16. LockPatternView.Cellcell=pattern.get(i);
  17. res[i]=(byte)(cell.getRow()*3+cell.getColumn());
  18. }
  19. returnnewString(res);
  20. }
  22. /**
  23. *Savealockpattern.
  24. *
  25. *@parampattern
  26. *Thenewpatterntosave.
  27. *@paramisFallback
  28. *Specifiesifthisisafallbacktobiometricweak
  29. */
  30. publicvoidsaveLockPattern(List<LockPatternView.Cell>pattern){
  31. //Computethehash
  32. finalbyte[]hash=LockPatternUtils.patternToHash(pattern);
  33. try{
  34. //Writethehashtofile
  35. RandomAccessFileraf=newRandomAccessFile(sLockPatternFilename,
  36. "rwd");
  37. //Truncatethefileifpatternisnull,toclearthelock
  38. if(pattern==null){
  39. raf.setLength(0);
  40. }else{
  41. raf.write(hash,0,hash.length);
  42. }
  43. raf.close();
  44. }catch(FileNotFoundExceptionfnfe){
  45. //Cantdomuch,unlesswewanttofailovertousingthesettings
  46. //provider
  47. Log.e(TAG,"Unabletosavelockpatternto"+sLockPatternFilename);
  48. }catch(IOExceptionioe){
  49. //Cantdomuch
  50. Log.e(TAG,"Unabletosavelockpatternto"+sLockPatternFilename);
  51. }
  52. }
  54. /*
  55. *GenerateanSHA-1hashforthepattern.Notthemostsecure,butitisat
  56. *leastasecondlevelofprotection.Firstlevelisthatthefileisina
  57. *locationonlyreadablebythesystemprocess.
  58. *
  59. *@parampatternthegesturepattern.
  60. *
  61. *@returnthehashofthepatterninabytearray.
  62. */
  63. privatestaticbyte[]patternToHash(List<LockPatternView.Cell>pattern){
  64. if(pattern==null){
  65. returnnull;
  66. }
  68. finalintpatternSize=pattern.size();
  69. byte[]res=newbyte[patternSize];
  70. for(inti=0;i<patternSize;i++){
  71. LockPatternView.Cellcell=pattern.get(i);
  72. res[i]=(byte)(cell.getRow()*3+cell.getColumn());
  73. }
  74. try{
  75. MessageDigestmd=MessageDigest.getInstance("SHA-1");
  76. byte[]hash=md.digest(res);
  77. returnhash;
  78. }catch(NoSuchAlgorithmExceptionnsa){
  79. returnres;
  80. }
  81. }
  83. /**
  84. *Checktoseeifapatternmatchesthesavedpattern.Ifnopattern
  85. *exists,alwaysreturnstrue.
  86. *
  87. *@parampattern
  88. *Thepatterntocheck.
  89. *@returnWhetherthepatternmatchesthestoredone.
  90. */
  91. publicbooleancheckPattern(List<LockPatternView.Cell>pattern){
  92. try{
  93. //Readallthebytesfromthefile
  94. RandomAccessFileraf=newRandomAccessFile(sLockPatternFilename,
  95. "r");
  96. finalbyte[]stored=newbyte[(int)raf.length()];
  97. intgot=raf.read(stored,0,stored.length);
  98. raf.close();
  99. if(got<=0){
  100. returntrue;
  101. }
  102. //Comparethehashfromthefilewiththeenteredpattern'shash
  103. returnArrays.equals(stored,
  104. LockPatternUtils.patternToHash(pattern));
  105. }catch(FileNotFoundExceptionfnfe){
  106. returntrue;
  107. }catch(IOExceptionioe){
  108. returntrue;
  109. }
  110. }

好了，代码就分析到这里，非常感谢你看到了文章末尾，很晚了，睡觉去，如果大家有什么问题或建议，欢迎留言，一起讨论，谢谢！


顶
19
踩
1
主题推荐
android 手机 arraylist framework animation
猜你在找
android 三种实现水平向滑动方式(ViewPager、ViewFilpper、ViewFlow)的比较
Android通过Runtime.getRuntime().exec实现Ping和Traceroute命令时readLine阻塞问题解决
WEBGL中文教程－第五课－为3d图像添加纹理－翻译于外文
linux shell 比较两个浮点数
LayoutInflater 详解
再谈协方差矩阵之主成分分析
android UEventObserver的用法
二叉树中路径和为某整数的所有路径
Android开发—数据库应用—添加列表活动（ListActivity）--分析记事本程序
Android项目实战--手机卫士34--流量管理
查看评论
11楼 autumn_xl昨天 19:16发表[回复]
感谢提供 源码帮助我们这些 初学者
10楼 tessoo2014-07-28 14:30发表[回复]
亲 qq 多少 想请你做我们的签约讲师 我的电话18611277391
9楼 jackly_n2014-06-13 13:25发表[回复]
代码很清晰
8楼 时熊猫Time2014-05-26 16:07发表[回复]
谢谢作者分享
7楼 android00123452014-05-18 21:20发表[回复]
期待楼主更多的更精彩的博文，楼主杂不更新了。期待呀
6楼 params2014-05-16 17:22发表[回复]
太厉害了， 谢谢！
5楼 蓝槐魂2014-03-13 12:10发表[回复]
果断大牛啊，顶起
4楼 冒冒爱编程2013-12-30 14:57发表[回复]
大神你很强，小白的楷模！
3楼 彼岸此岸你好吗2013-12-26 22:54发表[回复]
顶起！支持下！
2楼 xiaoxueheha2013-12-02 11:17发表[回复]
FTP服务器bug问题:如果文件中含有中文(如文件名:XX(破解版).apk),当下载文件时没有问题，但上传时报错。电脑操作系统为win7
1楼 xiaoxueheha2013-11-29 09:57发表[回复][引用][举报]
楼主啊，你什么时候把你的高仿雅虎天气布局和你的简洁天气结合呢，很期待那应用哦
Re: weidi19892013-11-29 10:00发表[回复][引用][举报]
回复xiaoxueheha：遇到了几个比较严重的问题，一直没有找到解决办法，就停下来很久了。呵呵
Re: xiaoxueheha2013-11-29 10:24发表[回复][引用][举报]
回复weidi1989：一直在用你那天气软件哦，所以好奇的问一下哦 真的很不错哦 ，希望有更好的哦，谢谢

更多相关文章

  1. Android屏幕点亮(常亮)及屏幕解锁和锁定
  2. android edittxet 设置可点击不可编辑状态
  3. Android获取、设置Wifi状态
  4. Android 标题栏、状态栏隐藏
  5. Android软键盘之代码改变软键盘状态
  6. Android TabLayout设置选中状态标题字体大小,粗细
  7. android亮屏、暗屏、解锁、关闭系统对话的监听事件
  8. Android图形解锁的绘制

随机推荐

  1. android开发的3种方式
  2. android修炼进阶之法
  3. android studio项目转ADT的辛酸历程
  4. Android(安卓)内存管理介绍
  5. Android 数据存储五种方式使用与总结
  6. Android M 差分包的制作流程
  7. Android 切换主题 (二)
  8. android学习中遇到的问题
  9. Android:Intent 显示和隐式 学习
  10. 深入理解Android消息处理系统――Looper