简介

虽然目前市面上有一些不错的加密相册App,但不是内置广告,就是对上传的张数有所限制。本文介绍了一个加密相册的制作过程,该加密相册将包括多密码(输入不同的密码即可访问不同的空间,可掩人耳目)、WiFi传图、照片文件加密等功能。目前项目和文章会同时前进,项目的源代码可以在github上下载。

点击前往GitHub

概述

上一篇文章主要介绍了账户存储类与工具类的设计,这一篇将通过工具类,实现登陆与注册的交互界面。

登录控制器与视图设计

自定义控制器视图

为了分离视图逻辑与业务逻辑,控制器视图用一个自定义类去管理,在控制器的loadView方法中将自定义视图指定为控制器视图。

文件结构如下。

指定自定义视图为控制器视图的方法如下。

由于要使用自定义视图SGWelcomeView的一些API,因此需要将其引用,否则直接通过view获取的还需要类型强转才能使用。

@interface SGWelcomeViewController ()

@property (nonatomic, weak) SGWelcomeView *welcomeView;

@end

@implementation SGWelcomeViewController

- (void)loadView {
SGWelcomeView *view = [SGWelcomeView new];
self.view = view;
self.welcomeView = view;
}

登录界面设计

登录界面如下图所示。

尝试Touch ID的登录方式

如果设备支持Touch ID,则会先尝试Touch ID的验证方式,如果验证失败则要求输入密码。

在登录控制器出现时,先清空已经登录的账户,并且尝试Touch ID登录的实现如下。

- (void)viewDidAppear:(BOOL)animated {
[super viewDidAppear:animated];
[SGAccountManager sharedManager].currentAccount = nil;
[self handleTouchIDLogin];
}
- (void)handleTouchIDLogin {
LAContext *context = [LAContext new];
if([context canEvaluatePolicy:LAPolicyDeviceOwnerAuthenticationWithBiometrics error:nil]) {
[context evaluatePolicy:LAPolicyDeviceOwnerAuthenticationWithBiometrics localizedReason:@"Agony need your Touch ID to login" reply:^(BOOL success, NSError * _Nullable error) {
if (success) {
SGAccount *account = [[SGAccountManager sharedManager] getTouchIDAccount];
[self loginWithAccount:account];
} else {
[self handleCommonLogin];
}
}];
} else {
[self handleCommonLogin];
}
}

Touch ID的验证通过LAContext实现,成功则通过Touch ID绑定的密码登录,失败则进行密码登录(调用handleCommonLogin方法)。

需要注意Touch ID的回调是在子线程,如果涉及到UI操作,不要忘记放到主线程操作。

密码登录方式

密码登录通过调用handleCommonLogin方法实现,该方法指定登录view的block回调,并且使得密码输入框成为第一响应者。

- (void)handleCommonLogin {
WS(); // 定义weakSelf的宏
[self.welcomeView setWelcomeHandler:^(SGAccount *account) {
[weakSelf loginWithAccount:account];
}];
}

当用户输入完密码按下Return键,会回调该block来执行登录。注意到Touch ID和密码登录最后执行的方法都是loginWithAccount:方法,该方法的实现如下。

- (void)loginWithAccount:(SGAccount *)account {
dispatch_async(dispatch_get_main_queue(), ^{
if (!account) {
[MBProgressHUD showError:@"Password Error"];
return;
}
[SGAccountManager sharedManager].currentAccount = account;
AppDelegate *app = [UIApplication sharedApplication].delegate;
app.window.rootViewController = [[UINavigationController alloc] initWithRootViewController:[SGHomeViewController new]];
});
}

之所以使用GCD,是因为在Touch ID的回调里也进行了该方法的调用,而Touch ID的回调是子线程。

在登录验证时如果密码验证成功返回账户对象,失败则返回空,因此通过账户是否为空可以判断是否登录完成。如果登录成功则保存登陆成功的对象到账户管理单例中,并且切换根控制器为相册主页的控制器。

登录视图的细节

对于屏幕尺寸较小的手机,键盘可能会遮挡输入框,应该监听键盘的显示与隐藏事件,判断键盘是否遮挡了输入框,从而决定是否要向上移动视图。

登录界面包含了图标、文本和输入框,三者通过约束来定位在父视图SGWelcomeView上,在位移时,为了方便起见,将整个父视图向上平移,平移通过transform来实现,具体如下。

注册与注销通知

由于视图通过代码框架,因此一定会调用initWithFrame:方法,在该方法中注册通知。

[[NSNotificationCenter defaultCenter] addObserver:self selector:@selector(keyboardShow:) name:UIKeyboardWillShowNotification object:nil];
[[NSNotificationCenter defaultCenter] addObserver:self selector:@selector(keyboardHide:) name:UIKeyboardWillHideNotification object:nil];

在dealloc方法中注销通知。

- (void)dealloc {
[[NSNotificationCenter defaultCenter] removeObserver:self];
}
处理键盘的显示

由于监听的是键盘即将动作的事件,因此键盘的最终位置应通过endFrame来拿到。判断键盘是否遮挡输入框的关键是看键盘的topY是否小于输入框的bottomY,如果topY小于bottomY,则应该将整个视图向上平移bottomY-topY,为了美观,应该多平移一段间距,deltaY就是应该平移的距离,向上为负值。

条件判断中除去delta还判断了视图是否还实施了变换,这是因为变换是针对整个父视图的,而计算时获取的输入框坐标是相对父视图的,因此父视图的变换不会影响到输入框坐标,键盘显示可能被多次调用,为了保证不会重复的将视图向上平移,需要判断是否已经进行过变换了。

- (void)keyboardShow:(NSNotification *)nof {
CGRect endFrame = [nof.userInfo[UIKeyboardFrameEndUserInfoKey] CGRectValue];
CGFloat endY = endFrame.origin.y;
CGFloat deltaY = endY - CGRectGetMaxY(self.pwdFiled.frame) - 10;
if (deltaY < 0 && CGAffineTransformEqualToTransform(self.transform, CGAffineTransformIdentity)) {
self.transform = CGAffineTransformTranslate(self.transform, 0, deltaY);
}
}
处理键盘的隐藏

键盘隐藏时只需要复原变换即可。

- (void)keyboardHide:(NSNotification *)nof {
self.transform = CGAffineTransformIdentity;
}

如果想要让键盘的出现、消失与视图位移同步移动,可以通过通知对象拿到键盘移动的duration,然后将变换写在UIView的动画block中。

注册控制器与视图设计

注册控制器的设计与登录控制器设计一致,文件结构如下。

界面如下。

注册页面与登录页面一样,也是通过block回调到控制器,来处理注册,因为每个密码对应一个存储空间,注册时要求密码不能与已有账户重复。当输入完确认密码并按下键盘上的Return键后通过block回调,传回密码与确认密码,控制器处理的实现如下。

- (void)handleRegisterWithPassword:(NSString *)password confirm:(NSString *)confirm {
// 密码与确认密码必须一致,并且不为空
if (![password isEqualToString:confirm]) {
[MBProgressHUD showError:@"Passwords Do Not Match"];
return;
} else if (!password.length) {
[MBProgressHUD showError:@"Password Cannot be Empty"];
return;
}
// 使用账户管理对象来处理注册的业务逻辑
SGAccountManager *mgr = [SGAccountManager sharedManager];
NSString *errorMessage = nil;
[mgr registerAccountWithPassword:password errorMessage:&errorMessage];
if (errorMessage == nil) {
// 注册成功则回到登录页面
[MBProgressHUD showSuccess:@"Register Succeeded"];
[self.navigationController popViewControllerAnimated:YES];
} else {
[MBProgressHUD showError:errorMessage];
}
}

总结

本文主要介绍了登录与注册界面的实现细节,欢迎关注项目后续,项目的下载地址在本文的开头可以找到。

iOS开源加密相册Agony的实现(二)的更多相关文章

  1. iOS开源加密相册Agony的实现(六)

    简介 虽然目前市面上有一些不错的加密相册App,但不是内置广告,就是对上传的张数有所限制.本文介绍了一个加密相册的制作过程,该加密相册将包括多密码(输入不同的密码即可访问不同的空间,可掩人耳目).Wi ...

  2. iOS开源加密相册Agony的实现(三)

    简介 虽然目前市面上有一些不错的加密相册App,但不是内置广告,就是对上传的张数有所限制.本文介绍了一个加密相册的制作过程,该加密相册将包括多密码(输入不同的密码即可访问不同的空间,可掩人耳目).Wi ...

  3. iOS开源加密相册Agony的实现(一)

    简介 虽然目前市面上有一些不错的加密相册App,但不是内置广告,就是对上传的张数有所限制.本文介绍了一个加密相册的制作过程,该加密相册将包括多密码(输入不同的密码即可访问不同的空间,可掩人耳目).Wi ...

  4. iOS开源加密相册Agony的实现(七)

    简介 虽然目前市面上有一些不错的加密相册App,但不是内置广告,就是对上传的张数有所限制.本文介绍了一个加密相册的制作过程,该加密相册将包括多密码(输入不同的密码即可访问不同的空间,可掩人耳目).Wi ...

  5. iOS开源加密相册Agony的实现(五)

    简介 虽然目前市面上有一些不错的加密相册App,但不是内置广告,就是对上传的张数有所限制.本文介绍了一个加密相册的制作过程,该加密相册将包括多密码(输入不同的密码即可访问不同的空间,可掩人耳目).Wi ...

  6. iOS开源加密相册Agony的实现(四)

    简介 虽然目前市面上有一些不错的加密相册App,但不是内置广告,就是对上传的张数有所限制.本文介绍了一个加密相册的制作过程,该加密相册将包括多密码(输入不同的密码即可访问不同的空间,可掩人耳目).Wi ...

  7. iOS开源照片浏览器框架SGPhotoBrowser的设计与实现

    简介 近日在制作一个开源加密相册时附带着设计了一个照片浏览器,在进一步优化后发布到了GitHub供大家使用,该框架虽然没有MWPhotoBrowser那么强大,但是使用起来更为方便,操作更符合常规相册 ...

  8. (转)直接拿来用!最火的iOS开源项目(二)

    “每一次的改变总意味着新的开始.”这句话用在iOS上可谓是再合适不过的了.GitHub上的iOS开源项目数不胜数,iOS每一次的改变,总会引发iOS开源项目的演变,从iOS 1.x到如今的iOS 7, ...

  9. GitHub上非常受开发者欢迎的iOS开源项目(二)

    "每一次的改变总意味着新的开始."这句话用在iOS上可谓是再合适不过的了.GitHub上的iOS开源项目数不胜数,iOS每一次的改变,总会引发iOS开源项目的演变,从iOS 1.x ...

随机推荐

  1. jacascript 函数参数与 arguments 对象

    前言:这是笔者学习之后自己的理解与整理.如果有错误或者疑问的地方,请大家指正,我会持续更新! 调用函数时,实参和形参需要一一对应,但如果参数多了的话,会很苦恼: 我们可以用键值对(字面量对象)的方式传 ...

  2. eclipse下maven插件搭建springmvc之helloworld

    这几天学习了怎样使用maven,最终还是要回归web项目嘛,所以主要还是使用eclipse插件. 1 下载eclipse maven插件. 其实新版的eclipse已经集成了maven:lunar.m ...

  3. ionic轮播图

    根据自带的滑动图,只需要添加加红字体 <ion-view view-title="活动详情" class="align-title-center"> ...

  4. [LeetCode] Contiguous Array 邻近数组

    Given a binary array, find the maximum length of a contiguous subarray with equal number of 0 and 1. ...

  5. 【swift,oc】ios开发中巧用自动布局设置自定义cell的高度

    ios开发中,遇到自定义高度不定的cell的时候,我们通常的做法是抽取一个frame类,在frame类中预算好高度,再返回. 但是苹果出来自动布局之后...春天来了!!来看看怎么巧用自动布局设置自定义 ...

  6. [POJ 1006]生理周期

    Description 人生来就有三个生理周期,分别为体力.感情和智力周期,它们的周期长度为23天.28天和33天.每一个周期中有一天是高峰.在高峰这天,人会在相应的方面表现出色.例如,智力周期的高峰 ...

  7. CSAPP-程序优化

    代码移动: 如果一个表达式总是得到同样的结果,最好把它移动到循环外面,这样只需要计算一次.编译器有时候可以自动完成,比如说使用 -O1 优化.一个例子: void set_row(double *a, ...

  8. 51nod 1486 大大走格子(容斥原理)

    1486 大大走格子 题目来源: CodeForces 基准时间限制:1 秒 空间限制:131072 KB 分值: 160 难度:6级算法题   有一个h行w列的棋盘,里面有一些格子是不能走的,现在要 ...

  9. hdu 5429(大数模板)

    题意:判断是否是等比数列 a[i] * a[i] = a[i+1] * a[i-1]   +   部分为0 的情况 /*  表示还没学java.... ,模板来自NK_test #include &l ...

  10. POJ 3294 n个串中至少一半的串共享的最长公共子串

    Life Forms Time Limit: 5000MS   Memory Limit: 65536K Total Submissions: 12484   Accepted: 3502 Descr ...