上一篇文章简单的写了对于touchid的简单了解。因为太懒了,就没有写实例,现在就单独写一篇应用吧,这篇想做的就是一个模仿那个叫啥软件来着,某某理财类类的软件的一个指纹验证解锁。我们做出来的页面应该如下图,在app挂起到后台的时候再点击到前台的时候回出现如下页面:
app唤醒的时候出现的画面
点击取消按钮出现的页面
这里我先挂上github的链接地址,毕竟本文的篇幅较长,也没什么人有耐心有时间看到最后,顶多看下demo,快速的知道怎么调用啥的就可以了。(popviewfortouchid)
因为我之前没遇到个这种情况,所以我做的都是自己瞎搞搞出来的,也不知道平时大家做的时候是怎么做的,就搞出来这样的,这里我打算用两种方法来实现,不过这个东西放进app中貌似是需要适配的。还是有些许问题的。可能要调下。
在app被唤醒的时候,出现页面我用了两种方式,一种是present出来一个单独的页面,一种方式是自定义弹出view。
但是本文呢,主要就介绍一下弹出式view的方式,因为present的方式跟这种方式差别就是在于一个是view一个是controller,主要的思想还是一样的。
第一部分
第一步
引入需要用的文件,以及创建pch文件,因为是小demo,所以一些宏定义直接丢进去就可以了。
第二步
创建pch文件,引入一些需要用到的文件以及宏定义,这里要是有问题的话可以参照我之前一篇文章写的引入pch文件,当然也可以老老实实的每个文件里都去引入头文件啥的,这个很随意的,毕竟是demo。
1
2
3
4
5
6
7
8
9
10
11
|
#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 |
第三步
实现基础页面,如下图
声明变量,遵守指纹验证控件的协议
1
2
3
4
5
6
7
|
@interface viewcontroller ()<wjtouchiddelegate> /** noticelabel */ @property (nonatomic,strong) uilabel *label; /** uiswitch */ @property (nonatomic,strong) uiswitch *touchidswitch; @property (nonatomic, strong) wjtouchid *touchid; @end |
懒加载
1
2
3
4
5
6
7
8
|
-(uiswitch *)touchidswitch { if (!_touchidswitch) { self.touchidswitch = [[uiswitch alloc]init]; } return _touchidswitch; } |
添加子控件
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
|
-( 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方法中调用设置子控件的方法,并且实现开关切换的方法。
1
2
3
4
|
- ( void )viewdidload { [super viewdidload]; [self setsubviews]; } |
切换方法里呢,就是需要调用者会问验证,一般软件设置指纹验证的时候都会要求你先验证一下子,我在这里设置成只要你开或关闭都需要验证一下。
1
2
3
4
5
6
7
8
|
-( 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; } |
第五步
在上述调用指纹验证成功后,必须得实现它的回调函数,在成功或者失败的方法中写上你需要执行的代码。
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
|
//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文件中写入方法
1
2
3
4
5
6
7
8
9
10
11
12
13
14
|
@interface ylstouchidview : uiview /** * 快速创建 */ +(instancetype)touchidview; /** * 弹出 */ -( void )show; -( void )showinview:(uiview *)view; @end |
第二步
在.m文件中声明控件,设置页面大小,以及遵守协议,在页面出来的同时就要调用验证服务。
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
|
@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; } |
第三步
设置控件的位置大小等等属性。
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
|
- ( 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文件中声明的弹出方法
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
|
//快速创建 + (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的方法加进来,按理说这边是不需要加的,但是我前面没加进来,这里就硬塞进来吧。。。大家就凑合着看,自己用的时候可以直接删掉,不删掉也没事,就是增加点代码量而已。。。
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
|
/** * 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"];
这个值,本来也是设置成计时器的,但是这样好像更方便点,就这么设置了,因为为了全局都可以取到这个值。
在唤醒方法中写下代码
1
2
3
4
5
6
7
8
9
10
11
12
|
- ( 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出来一个单独的页面的方式其实跟这个差不多,但是这篇文章的篇幅好像有点太长了,估计也没什么人看到最后,所以我就不写了,啥时候想补的话再补上来吧。
#### 还有就是,本人作为新手,上面代码有啥问题的话,或者有啥可以优化的地方,希望大家可以指正,大家一起共同进步共同学习。
以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持服务器之家。