iOS指纹验证TouchID应用学习教程2
上一篇文章简单的写了对于。因为太懒了,就没有写实例,现在就单独写一篇应用吧,这篇想做的就是一个模仿那个叫啥软件来着,某某理财类类的软件的一个指纹验证解锁。我们做出来的页面应该如下图,在app挂起到后台的时候再点击到前台的时候回出现如下页面:
app唤醒的时候出现的画面
点击取消按钮出现的页面
这里我先挂上github的链接地址,毕竟本文的篇幅较长,也没什么人有耐心有时间看到最后,顶多看下demo,快速的知道怎么调用啥的就可以了。(popviewfortouchid)
因为我之前没遇到个这种情况,所以我做的都是自己瞎搞搞出来的,也不知道平时大家做的时候是怎么做的,就搞出来这样的,这里我打算用两种方法来实现,不过这个东西放进app中貌似是需要适配的。还是有些许问题的。可能要调下。
在app被唤醒的时候,出现页面我用了两种方式,一种是present出来一个单独的页面,一种方式是自定义弹出view。
但是本文呢,主要就介绍一下弹出式view的方式,因为present的方式跟这种方式差别就是在于一个是view一个是controller,主要的思想还是一样的。
第一部分
第一步
引入需要用的文件,以及创建pch文件,因为是小demo,所以一些宏定义直接丢进去就可以了。
第二步
创建pch文件,引入一些需要用到的文件以及宏定义,这里要是有问题的话可以参照我之前一篇文章写的引入pch文件,当然也可以老老实实的每个文件里都去引入头文件啥的,这个很随意的,毕竟是demo。
#import "appdelegate.h" #import "wjtouchid.h" #import "mbprogresshud.h" #import "mbprogresshud+add.h" // 屏幕bounds #define ylsscreenbounds [uiscreen mainscreen].bounds //位置 #define zlrect(x, y, w, h) cgrectmake([uiscreen mainscreen].bounds.size.width * x, [uiscreen mainscreen].bounds.size.height * y, [uiscreen mainscreen].bounds.size.width * w, [uiscreen mainscreen].bounds.size.height * h) //字体大小 #define zcfont(f) [uiscreen mainscreen].bounds.size.width * f
第三步
实现基础页面,如下图
声明变量,遵守指纹验证控件的协议
@interface viewcontroller ()<wjtouchiddelegate> /** noticelabel */ @property (nonatomic,strong) uilabel *label; /** uiswitch */ @property (nonatomic,strong) uiswitch *touchidswitch; @property (nonatomic, strong) wjtouchid *touchid; @end
懒加载
-(uiswitch *)touchidswitch { if (!_touchidswitch) { self.touchidswitch = [[uiswitch alloc]init]; } return _touchidswitch; }
添加子控件
-(void)setsubviews { self.label = [[uilabel alloc]init]; [self.view addsubview:self.label]; [self.label setframe:zlrect(0, 100/667, 1, 20/667)]; [self.label settext:@"指纹解锁"]; [self.label settextalignment:nstextalignmentcenter]; [self.label setfont:[uifont systemfontofsize:zcfont(18/375)]]; self.touchidswitch = [[uiswitch alloc]init]; [self.touchidswitch setframe:zlrect(160/375, 200/667, 50/375, 28/667)]; [self.view addsubview:self.touchidswitch]; if ([[[nsuserdefaults standarduserdefaults]objectforkey:@"touchid"] isequaltostring:@"1"]) { self.touchidswitch.on = yes; }else { self.touchidswitch.on = no; } [self.touchidswitch addtarget:self action:@selector(changeswitch:) forcontrolevents:uicontroleventvaluechanged]; }
这里要说一下
[[[nsuserdefaults standarduserdefaults]objectforkey:@"touchid"] isequaltostring:@"1"]
这个我是将是否设置了指纹验证存到了本地,因为当你进入设置页面的时候,必须知道你本机是否已经设置了指纹验证,这里存在着设置与未设置的一个页面ui差别,我这边就是用switch的开关来打开关闭指纹验证,也是用开关状态来表示指纹验证是否打开。
第四步
在viewdidload方法中调用设置子控件的方法,并且实现开关切换的方法。
- (void)viewdidload { [super viewdidload]; [self setsubviews]; }
切换方法里呢,就是需要调用者会问验证,一般软件设置指纹验证的时候都会要求你先验证一下子,我在这里设置成只要你开或关闭都需要验证一下。
-(void)changeswitch:(id)sender { nslog(@"------changeswitch-------"); wjtouchid *touchid = [[wjtouchid alloc]init]; [touchid startwjtouchidwithmessage:wjnotice(@"自定义信息", @"the custom message") fallbacktitle:wjnotice(@"", @"fallback title") delegate:self]; self.touchid = touchid; }
第五步
在上述调用指纹验证成功后,必须得实现它的回调函数,在成功或者失败的方法中写上你需要执行的代码。
//touchid验证成功 - (void) wjtouchidauthorizesuccess { [[nsuserdefaults standarduserdefaults]setobject:@"yes" forkey:@"touchidison"]; if (self.touchidswitch.on == yes) { [mbprogresshud showtext:@"成功开启指纹解锁" view:self.view]; [[nsuserdefaults standarduserdefaults] setobject:@"1" forkey:@"touchid"]; }else{ [mbprogresshud showtext:@"指纹解锁关闭成功" view:self.view]; [[nsuserdefaults standarduserdefaults] setobject:@"0" forkey:@"touchid"]; } } //touchid验证失败 - (void) wjtouchidauthorizefailure { [[nsuserdefaults standarduserdefaults]setobject:@"yes" forkey:@"touchidison"]; if (self.touchidswitch.on == yes){ self.touchidswitch.on = no; [mbprogresshud showtext:@"指纹解锁开启失败" view:self.view]; [[nsuserdefaults standarduserdefaults] setobject:@"0" forkey:@"touchid"]; }else { self.touchidswitch.on = yes; [mbprogresshud showtext:@"指纹解锁关闭失败" view:self.view]; [[nsuserdefaults standarduserdefaults] setobject:@"1" forkey:@"touchid"]; } } //取消touchid验证 (用户点击了取消) - (void) wjtouchidauthorizeerrorusercancel { [[nsuserdefaults standarduserdefaults]setobject:@"yes" forkey:@"touchidison"]; if (self.touchidswitch.on == yes){ self.touchidswitch.on = no; [[nsuserdefaults standarduserdefaults] setobject:@"0" forkey:@"touchid"]; }else { self.touchidswitch.on = yes; [[nsuserdefaults standarduserdefaults] setobject:@"1" forkey:@"touchid"]; } } //在验证的touchid的过程中被系统取消 例如突然来电话、按了home键、锁屏 - (void) wjtouchidauthorizeerrorsystemcancel { [[nsuserdefaults standarduserdefaults]setobject:@"yes" forkey:@"touchidison"]; if (self.touchidswitch.on == yes){ self.touchidswitch.on = no; [[nsuserdefaults standarduserdefaults] setobject:@"0" forkey:@"touchid"]; }else { self.touchidswitch.on = yes; [[nsuserdefaults standarduserdefaults] setobject:@"1" forkey:@"touchid"]; } } //多次连续使用touch id失败,touch id被锁,需要用户输入密码解锁 - (void) wjtouchidauthorizelaerrortouchidlockout { [[nsuserdefaults standarduserdefaults]setobject:@"yes" forkey:@"touchidison"]; [mbprogresshud showtext:@"验证失败" view:self.view]; } //当前软件被挂起取消了授权(如突然来了电话,应用进入前台) - (void) wjtouchidauthorizelaerrorappcancel { [[nsuserdefaults standarduserdefaults]setobject:@"yes" forkey:@"touchidison"]; if (self.touchidswitch.on == yes){ self.touchidswitch.on = no; [[nsuserdefaults standarduserdefaults] setobject:@"0" forkey:@"touchid"]; }else { self.touchidswitch.on = yes; [[nsuserdefaults standarduserdefaults] setobject:@"1" forkey:@"touchid"]; } } //当前软件被挂起取消了授权 (授权过程中,lacontext对象被释) - (void) wjtouchidauthorizelaerrorinvalidcontext { [[nsuserdefaults standarduserdefaults]setobject:@"yes" forkey:@"touchidison"]; if (self.touchidswitch.on == yes){ self.touchidswitch.on = no; [[nsuserdefaults standarduserdefaults] setobject:@"0" forkey:@"touchid"]; }else { self.touchidswitch.on = yes; [[nsuserdefaults standarduserdefaults] setobject:@"1" forkey:@"touchid"]; } }
以上呢,我是没有判断是否支持touchid来写,是直接按照可以支持的来写的,大家在实际操作工程中还是需要加一下判断条件,因为现在还是有不支持touchid的机型的。然后就是要说一下下面这个。
[[nsuserdefaults standarduserdefaults]setobject:@"yes" forkey:@"touchidison"];
这个值我也不知道我是用来干嘛的,好像就是告诉我你设置了指纹验证了,然后在app唤醒的时候要根据一个值来判断是否需要调用指纹验证服务,我后来想了想,好像只要
[[[nsuserdefaults standarduserdefaults]objectforkey:@"touchid"] isequaltostring:@"1"]
这个就可以了,但是仔细想想还是再加上一个好分辨一点,毕竟就把一个当做判断switch是否打开,一个判断唤醒的时候要不要调用的吧。在不同的回调函数里面需要写的东西还是有差别的。这样上面写完之后,就等于实现一个简单的基础页面,当然这个还不是什么大问题,因为这个很简单,下面就是要实现弹出view了。篇幅好像有点长了,我自己看的也有点烦了都。。。。。
第二部分
第一步
创建自定义的view。在.h文件中写入方法
@interface ylstouchidview : uiview /** * 快速创建 */ +(instancetype)touchidview; /** * 弹出 */ -(void)show; -(void)showinview:(uiview *)view; @end
第二步
在.m文件中声明控件,设置页面大小,以及遵守协议,在页面出来的同时就要调用验证服务。
@interface ylstouchidview()<wjtouchiddelegate> /** 指纹解锁的button */ @property (nonatomic,strong) uibutton *touchidbtn; /** 头像 */ @property (nonatomic,strong) uiimageview *iconview; /** 用户名 */ @property (nonatomic,strong) uilabel *namelabel; /** 提示信息 */ @property (nonatomic,strong) uilabel *noticelabel; /** 手机号 */ @property (nonatomic,strong) nsstring *phonenumber; /** 退出按钮 */ @property (nonatomic,strong) uibutton *quitbtn; @property (nonatomic, strong) wjtouchid *touchid; @end -(instancetype)initwithframe:(cgrect)frame { self = [super initwithframe:ylsscreenbounds]; if (self) { self.backgroundcolor = [uicolor orangecolor]; } //调用指纹解锁 wjtouchid *touchid = [[wjtouchid alloc]init]; [touchid startwjtouchidwithmessage:wjnotice(@"自定义信息", @"the custom message") fallbacktitle:wjnotice(@"", @"fallback title") delegate:self]; self.touchid = touchid; return self; }
第三步
设置控件的位置大小等等属性。
- (void)layoutsubviews { [super layoutsubviews]; self.iconview = [[uiimageview alloc]init]; [self.iconview setframe:zlrect(128/320, 54/568, 65/320, 65/568)]; [self.iconview setimage:[uiimage imagenamed:@"icon_myinformation"]]; [self addsubview:self.iconview]; self.namelabel = [[uilabel alloc]init]; [self.namelabel setframe:zlrect(0, 125/568, 1, 28/568)]; [self.namelabel settext:@"151****1234"]; [self.namelabel setfont:[uifont systemfontofsize:zcfont(15/375)]]; [self.namelabel settextcolor:[uicolor whitecolor]]; [self.namelabel settextalignment:nstextalignmentcenter]; [self addsubview:self.namelabel]; self.touchidbtn = [[uibutton alloc]init]; [self.touchidbtn setframe:zlrect(120/320, 250/568, 80/320, 80/568)]; [self.touchidbtn setimage:[uiimage imagenamed:@"touchimg"] forstate:uicontrolstatenormal]; [self.touchidbtn addtarget:self action:@selector(clicktochecktouchid) forcontrolevents:uicontroleventtouchupinside]; [self addsubview:self.touchidbtn]; self.noticelabel = [[uilabel alloc]init]; [self.noticelabel setframe:zlrect(0, 339/568, 1, 22/568)]; [self.noticelabel settext:@"点击进行指纹解锁"]; [self.noticelabel settextcolor:[uicolor whitecolor]]; [self.noticelabel settextalignment:nstextalignmentcenter]; [self.noticelabel setfont:[uifont systemfontofsize:zcfont(16/375)]]; [self addsubview:self.noticelabel]; self.quitbtn = [[uibutton alloc]init]; [self.quitbtn setframe:zlrect(0, 520/568, 1, 30/568)]; [self.quitbtn settitle:@"退出" forstate:uicontrolstatenormal]; [self.quitbtn addtarget:self action:@selector(quitcontent) forcontrolevents:uicontroleventtouchupinside]; [self addsubview:self.quitbtn]; }
第四步
实现控件的点击方法,以及在.h文件中声明的弹出方法
//快速创建 + (instancetype)touchidview { return [[self alloc]init]; } /** 弹出 */ - (void)show { [self showinview:[uiapplication sharedapplication].keywindow]; } - (void)showinview:(uiview *)view { // 浮现 [view addsubview:self]; } -(void)clicktochecktouchid { nslog(@"点击了指纹解锁"); [self.touchid startwjtouchidwithmessage:wjnotice(@"自定义信息", @"the custom message") fallbacktitle:wjnotice(@"", @"fallback title") delegate:self]; } -(void)quitcontent { nslog(@"点击了quit"); [uiview animatewithduration:3 animations:^{ self.alpha = 0; } completion:^(bool finished) { [self removefromsuperview]; }]; }
上面再退出的时候我还加了一个小小的特效,就是颜色渐渐变成无色,这样有时候可以遮盖你app里面的一些小问题。偷个懒。
第五步
这里也是跟第一部分一样,实现验证的回调函数。这边的回调函数呢,跟之前的差不多,但是里面的内容就不一样了。而且我这里把不支持touchid的方法加进来,按理说这边是不需要加的,但是我前面没加进来,这里就硬塞进来吧。。。大家就凑合着看,自己用的时候可以直接删掉,不删掉也没事,就是增加点代码量而已。。。
/** * touchid验证成功 */ - (void) wjtouchidauthorizesuccess { [mbprogresshud showtext:@"解锁成功" view:self]; [[nsuserdefaults standarduserdefaults]setobject:@"yes" forkey:@"touchidison"]; // [self dismissviewcontrolleranimated:yes completion:nil]; [self removefromsuperview]; } /** * touchid验证失败 */ - (void) wjtouchidauthorizefailure { [mbprogresshud showtext:@"解锁失败" view:self]; [[nsuserdefaults standarduserdefaults]setobject:@"yes" forkey:@"touchidison"]; } /** * 取消touchid验证 (用户点击了取消) */ - (void) wjtouchidauthorizeerrorusercancel { [[nsuserdefaults standarduserdefaults]setobject:@"yes" forkey:@"touchidison"]; } /** * 在验证的touchid的过程中被系统取消 例如突然来电话、按了home键、锁屏... */ - (void) wjtouchidauthorizeerrorsystemcancel { [[nsuserdefaults standarduserdefaults]setobject:@"yes" forkey:@"touchidison"]; } /** * 无法启用touchid,设备没有设置密码 */ - (void) wjtouchidauthorizeerrorpasscodenotset { [[nsuserdefaults standarduserdefaults]setobject:@"yes" forkey:@"touchidison"]; } /** * 设备没有录入touchid,无法启用touchid */ - (void) wjtouchidauthorizeerrortouchidnotenrolled { [[nsuserdefaults standarduserdefaults]setobject:@"yes" forkey:@"touchidison"]; } /** * 该设备的touchid无效 */ - (void) wjtouchidauthorizeerrortouchidnotavailable { [[nsuserdefaults standarduserdefaults]setobject:@"yes" forkey:@"touchidison"]; } /** * 多次连续使用touch id失败,touch id被锁,需要用户输入密码解锁 */ - (void) wjtouchidauthorizelaerrortouchidlockout { [[nsuserdefaults standarduserdefaults]setobject:@"yes" forkey:@"touchidison"]; } /** * 当前软件被挂起取消了授权(如突然来了电话,应用进入前台) */ - (void) wjtouchidauthorizelaerrorappcancel { [[nsuserdefaults standarduserdefaults]setobject:@"yes" forkey:@"touchidison"]; } /** * 当前软件被挂起取消了授权 (授权过程中,lacontext对象被释) */ - (void) wjtouchidauthorizelaerrorinvalidcontext { [[nsuserdefaults standarduserdefaults]setobject:@"yes" forkey:@"touchidison"]; } /** * 当前设备不支持指纹识别 */ -(void)wjtouchidisnotsupport { [[nsuserdefaults standarduserdefaults]setobject:@"yes" forkey:@"touchidison"]; }
第三部分
这里呢,是最重要的地方,也是最简单的地方,只要在appdelegate.m文件中加上几句话就可以实现了。
在下面这个方法里面写,下面这个方法是呢app被唤醒进入活跃状态的方法
- (void)applicationdidbecomeactive:(uiapplication *)application
这边的知识点其实还挺多的,就是一个生命周期的问题,一个app运行完成,即将进入活跃状态,已经进入活跃状态,即将进入后台,已经进入后台状态,这几种状态,在之前我还想着声明一个变量让app在后台运行的时候,也跟着运行,类似于一个计时器,但是我看了网上的一些想要让app后台挂起的时候还能运行一些东西,设置过程就好几种,而且很多都说上架的时候审核是不给过得,想着有时间的话可以好好研究下那些方法,这里我就没有弄,所以才有了上面的
[[nsuserdefaults standarduserdefaults]setobject:@"yes" forkey:@"touchidison"];
这个值,本来也是设置成计时器的,但是这样好像更方便点,就这么设置了,因为为了全局都可以取到这个值。
在唤醒方法中写下代码
- (void)applicationdidbecomeactive:(uiapplication *)application { nsstring *touchidexist = [[nsuserdefaults standarduserdefaults]objectforkey:@"touchid"]; nsstring *touchison = [[nsuserdefaults standarduserdefaults]objectforkey:@"touchidison"]; if ([touchidexist isequaltostring:@"1"] && [touchison isequaltostring:@"no"]) { ylstouchidview *yls = [[ylstouchidview alloc]init]; [yls show]; } dispatch_after(dispatch_time(dispatch_time_now, (int64_t)(20 * nsec_per_sec)), dispatch_get_main_queue(), ^{ [[nsuserdefaults standarduserdefaults]setobject:@"no" forkey:@"touchidison"]; }); }
下面那个呢就是为了防止重复调用,因为好像当页面出现指纹验证的弹出框的时候,app似乎就是被挂起到后台了,然后唤醒的时候又要被调用,所以这里出现了一个重复调用的问题,然后我就找个不是办法的办法来解决这个问题。就是用上面这段代码来处理,具体道理我也不知道咋说,就这么迷迷糊糊的实现了功能。这样子就是完成了一个指纹验证以及app唤醒的时候指纹解锁的一个小demo。present出来一个单独的页面的方式其实跟这个差不多,但是这篇文章的篇幅好像有点太长了,估计也没什么人看到最后,所以我就不写了,啥时候想补的话再补上来吧。
#### 还有就是,本人作为新手,上面代码有啥问题的话,或者有啥可以优化的地方,希望大家可以指正,大家一起共同进步共同学习。
以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持。