简介

虽然目前市面上有一些不错的加密相册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. Python的字典和JSON

    Python的字典和JSON在表现形式上非常相似 #这是Python中的一个字典 dic = { 'str': 'this is a string', 'list': [1, 2, 'a', 'b'] ...

  2. [转]map函数补充

    map()函数 map()是 Python 内置的高阶函数,它接收一个函数 f 和一个 list,并通过把函数 f 依次作用在 list 的每个元素上,得到一个新的 list 并返回. 例如,对于li ...

  3. Java入门2

    一.Arrays工具类 1.数组地址的比较 int [] arr1={1,2,3,4,5}; int [] arr2={1,2,3,4,5}; System.out.println(arr1==arr ...

  4. MySQL 表空间传输

    聊到MySQL数据迁移的话题,表空间传输时一个很实用的方法. 在MySQL 5.6 Oracle引入了一个可移动表空间的特征(复制的表空间到另一个服务器)和Percona Server采用部分备份,这 ...

  5. 基于Mysql 5.7 GTID 搭建双主Keepalived 高可用

    实验环境 CentOS 6.9 MySQL 5.7.18 Keepalived v1.2.13 拓扑图 10.180.2.161 M1 10.180.2.162 M2 10.180.2.200 VIP ...

  6. ASP.NET MVC应用迁移到ASP.NET Core及其异同简介

    ASP.NET Core是微软新推出支持跨平台.高性能.开源的开发框架,相比起原有的ASP.NET来说,ASP.NET Core更适合开发现代应用程序,如跨平台.Dorker的支持.集成现代前端开发框 ...

  7. NLog日志管理工具(转)

    一.通过VS建立一个控制台应用程序. 二.打开程序包管理器控制台.具体操作如下:[工具]>[库程序包管理器]>[程序包管理器控制台]. 三.在程序包管理器控制台下输入命令:Install- ...

  8. for-each的坑(Hollis)

    直接用代码来说明: public class ForEach { public static void main(String[] args) { List<String> list = ...

  9. PostgreSQL的insert注入

    写这篇文是在昨夜的ctf中遇到的. ctf地址:bloody-feedback.quals.2017.volgactf.ru email存在注入,在ctf中发现注入就很好办了,只要找到能绕过的方法就行 ...

  10. SSH执行hql报错:Caused by: org.hibernate.hql.ast.QuerySyntaxException: user is not mapped [from user where username = ?]

    报错信息: ERROR Dispatcher:38 - Exception occurred during processing request: user is not mapped [from u ...