簡(jiǎn)介

雖然目前市面上有一些不錯(cuò)的加密相冊(cè)App，但不是內(nèi)置廣告，就是對(duì)上傳的張數(shù)有所限制。本文介紹了一個(gè)加密相冊(cè)的制作過程，該加密相冊(cè)將包括多密碼（輸入不同的密碼即可訪問不同的空間，可掩人耳目）、WiFi傳圖、照片文件加密等功能。目前項(xiàng)目和文章會(huì)同時(shí)前進(jìn)，項(xiàng)目的源代碼可以在github上下載。
點(diǎn)擊前往GitHub

概述

上一篇文章主要介紹了賬戶存儲(chǔ)類與工具類的設(shè)計(jì)，這一篇將通過工具類，實(shí)現(xiàn)登陸與注冊(cè)的交互界面。

登錄控制器與視圖設(shè)計(jì)

自定義控制器視圖

為了分離視圖邏輯與業(yè)務(wù)邏輯，控制器視圖用一個(gè)自定義類去管理，在控制器的loadView方法中將自定義視圖指定為控制器視圖。
文件結(jié)構(gòu)如下。

指定自定義視圖為控制器視圖的方法如下。
由于要使用自定義視圖SGWelcomeView的一些API，因此需要將其引用，否則直接通過view獲取的還需要類型強(qiáng)轉(zhuǎn)才能使用。

@interface SGWelcomeViewController ()

@property (nonatomic, weak) SGWelcomeView *welcomeView;

@end

@implementation SGWelcomeViewController

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

登錄界面設(shè)計(jì)

登錄界面如下圖所示。

登錄界面

嘗試Touch ID的登錄方式

如果設(shè)備支持Touch ID，則會(huì)先嘗試Touch ID的驗(yàn)證方式，如果驗(yàn)證失敗則要求輸入密碼。
在登錄控制器出現(xiàn)時(shí)，先清空已經(jīng)登錄的賬戶，并且嘗試Touch ID登錄的實(shí)現(xiàn)如下。

- (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的驗(yàn)證通過LAContext實(shí)現(xiàn)，成功則通過Touch ID綁定的密碼登錄，失敗則進(jìn)行密碼登錄（調(diào)用handleCommonLogin方法）。
需要注意Touch ID的回調(diào)是在子線程，如果涉及到UI操作，不要忘記放到主線程操作。

密碼登錄方式

密碼登錄通過調(diào)用handleCommonLogin方法實(shí)現(xiàn)，該方法指定登錄view的block回調(diào)，并且使得密碼輸入框成為第一響應(yīng)者。

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

當(dāng)用戶輸入完密碼按下Return鍵，會(huì)回調(diào)該block來(lái)執(zhí)行登錄。注意到Touch ID和密碼登錄最后執(zhí)行的方法都是loginWithAccount:方法，該方法的實(shí)現(xiàn)如下。

- (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，是因?yàn)樵赥ouch ID的回調(diào)里也進(jìn)行了該方法的調(diào)用，而Touch ID的回調(diào)是子線程。
在登錄驗(yàn)證時(shí)如果密碼驗(yàn)證成功返回賬戶對(duì)象，失敗則返回空，因此通過賬戶是否為空可以判斷是否登錄完成。如果登錄成功則保存登陸成功的對(duì)象到賬戶管理單例中，并且切換根控制器為相冊(cè)主頁(yè)的控制器。

登錄視圖的細(xì)節(jié)

對(duì)于屏幕尺寸較小的手機(jī)，鍵盤可能會(huì)遮擋輸入框，應(yīng)該監(jiān)聽鍵盤的顯示與隱藏事件，判斷鍵盤是否遮擋了輸入框，從而決定是否要向上移動(dòng)視圖。
登錄界面包含了圖標(biāo)、文本和輸入框，三者通過約束來(lái)定位在父視圖SGWelcomeView上，在位移時(shí)，為了方便起見，將整個(gè)父視圖向上平移，平移通過transform來(lái)實(shí)現(xiàn)，具體如下。

注冊(cè)與注銷通知

由于視圖通過代碼框架，因此一定會(huì)調(diào)用initWithFrame:方法，在該方法中注冊(cè)通知。

[[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];
}

處理鍵盤的顯示

由于監(jiān)聽的是鍵盤即將動(dòng)作的事件，因此鍵盤的最終位置應(yīng)通過endFrame來(lái)拿到。判斷鍵盤是否遮擋輸入框的關(guān)鍵是看鍵盤的topY是否小于輸入框的bottomY，如果topY小于bottomY，則應(yīng)該將整個(gè)視圖向上平移bottomY-topY，為了美觀，應(yīng)該多平移一段間距，deltaY就是應(yīng)該平移的距離，向上為負(fù)值。
條件判斷中除去delta還判斷了視圖是否還實(shí)施了變換，這是因?yàn)樽儞Q是針對(duì)整個(gè)父視圖的，而計(jì)算時(shí)獲取的輸入框坐標(biāo)是相對(duì)父視圖的，因此父視圖的變換不會(huì)影響到輸入框坐標(biāo)，鍵盤顯示可能被多次調(diào)用，為了保證不會(huì)重復(fù)的將視圖向上平移，需要判斷是否已經(jīng)進(jìn)行過變換了。

- (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);
    }
}

處理鍵盤的隱藏

鍵盤隱藏時(shí)只需要復(fù)原變換即可。

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

如果想要讓鍵盤的出現(xiàn)、消失與視圖位移同步移動(dòng)，可以通過通知對(duì)象拿到鍵盤移動(dòng)的duration，然后將變換寫在UIView的動(dòng)畫block中。

注冊(cè)控制器與視圖設(shè)計(jì)

注冊(cè)控制器的設(shè)計(jì)與登錄控制器設(shè)計(jì)一致，文件結(jié)構(gòu)如下。

界面如下。

注冊(cè)頁(yè)面

- (void)handleRegisterWithPassword:(NSString *)password confirm:(NSString *)confirm {
    // 密碼與確認(rèn)密碼必須一致，并且不為空
    if (![password isEqualToString:confirm]) {
        [MBProgressHUD showError:@"Passwords Do Not Match"];
        return;
    } else if (!password.length) {
        [MBProgressHUD showError:@"Password Cannot be Empty"];
        return;
    }
    // 使用賬戶管理對(duì)象來(lái)處理注冊(cè)的業(yè)務(wù)邏輯
    SGAccountManager *mgr = [SGAccountManager sharedManager];
    NSString *errorMessage = nil;
    [mgr registerAccountWithPassword:password errorMessage:&errorMessage];
    if (errorMessage == nil) {
        // 注冊(cè)成功則回到登錄頁(yè)面
        [MBProgressHUD showSuccess:@"Register Succeeded"];
        [self.navigationController popViewControllerAnimated:YES];
    } else {
        [MBProgressHUD showError:errorMessage];
    }
}

總結(jié)

本文主要介紹了登錄與注冊(cè)界面的實(shí)現(xiàn)細(xì)節(jié)，歡迎關(guān)注項(xiàng)目后續(xù)，項(xiàng)目的下載地址在本文的開頭可以找到。