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系统，炫一下，呵呵)：



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(安卓)标题栏、状态栏隐藏
  3. Android获取、设置Wifi状态
  4. android edittxet 设置可点击不可编辑状态
  5. 【Android】Android(安卓)SurfaceFlinger之BufferQueue
  6. Android软键盘不能正确显示
  7. android shape的使用
  8. Android(安卓)Weekly Notes Issue #232
  9. android应用 小试牛刀 开发自己的应用程序就是这么简单

随机推荐

  1. 实现对特定内容改变字体颜色的TextView
  2. Android(安卓)NDK 开发教程三：Hello JNI
  3. 5款最常用的Android测试框架
  4. android学习——GridView实现主界面布局
  5. Flutter 配置打包
  6. Android(安卓)面试必问高级知识点（2021）
  7. Android侧滑菜单DrawerLayout的使用
  8. Android启动画面实现
  9. Android(安卓)Apk打包的流程
  10. android开发之Android(安卓)ActionBar完