UI进阶--UINavigationController和NSKeyedArchiver实现一个简易私人通讯录

需求：实现一个简易私人通讯录，主要实现以下功能：

1、一个登录页面，一个显示联系人页面，一个添加联系人页面，一个编辑联系人页面；

2、登录页面：

     2.1、当账号和密码输入框都有值的时候，登录按钮才能交互；

     2.2、当取消勾选记住密码后，自动登录按钮也随之取消；

     2.3、当勾选了自动登录按钮时，记住密码按钮也一同勾选；

     2.4、点击登陆后，程序能够简单判断账号和密码是否正确，如果不正确则给出相应的提示，如果正确则跳转到联系人页面；

3、联系人页面：

     3.1、可以添加联系人；

     3.2、可以对当前联系人进行编辑；

     3.3、编辑完成后，可以刷新页面；

     3.4、可以删除某一联系人；

4、添加联系人页面：

     4.1、当姓名和电话输入框都有值的时候，保存按钮才能交互；

     4.2、当选择保存按钮之后，跳转到联系人页面，并显示添加的联系人信息；

5、编辑联系人页面：

     5.1、当点击编辑按钮后，姓名和电话输入框才能输入；

     5.2、当姓名和电话输入框有更改内容后，保存按钮才能交互；

     5.3、当选择保存按钮之后，跳转到联系人页面，并编辑后的联系人信息；

实例文件结构：

具体实现代码：

Model:

//
//  JWContact.h
//  12-29-Exercise
//
//  Created by xiaomoge on 14/12/29.
//  Copyright (c) 2014年 xiaomoge. All rights reserved.
//

#import <Foundation/Foundation.h>

@interface JWContact : NSObject <NSCoding>
/*
 联系人姓名
 */
@property (nonatomic,copy) NSString *name;
/*
 联系人电话
 */
@property (nonatomic,copy) NSString *tel;
@end

//
//  JWContact.m
//  12-29-Exercise
//
//  Created by xiaomoge on 14/12/29.
//  Copyright (c) 2014年 xiaomoge. All rights reserved.
//

#import "JWContact.h"

@implementation JWContact
/*
 NSKeyedArchiver归档中，属性如何保存
 */
- (void)encodeWithCoder:(NSCoder *)aCoder {
    [aCoder encodeObject:self.name forKey:@"name"];
    [aCoder encodeObject:self.tel forKey:@"tel"];
}
/*
 NSKeyedArchiver归档中，属性如何读取
 */
- (id)initWithCoder:(NSCoder *)aDecoder {
    if (self = [super init]) {
        self.name = [aDecoder decodeObjectForKey:@"name"];
        self.tel = [aDecoder decodeObjectForKey:@"tel"];
    }
    return self;
}
@end

Controller:

//
//  ViewController.m
//  12-29-Exercise
//
//  Created by xiaomoge on 14/12/29.
//  Copyright (c) 2014年 xiaomoge. All rights reserved.
//

#import "ViewController.h"
#import "ContactViewController.h"
@interface ViewController ()
/*
 账号输入框
 */
@property (weak, nonatomic) IBOutlet UITextField *accountTextField;
/*
 密码输入框
 */
@property (weak, nonatomic) IBOutlet UITextField *passWordTextField;
/*
 记住密码开关
 */
@property (weak, nonatomic) IBOutlet UISwitch *rememberSwitch;
/*
 自动登录开关
 */
@property (weak, nonatomic) IBOutlet UISwitch *autoLoginSwitch;
/*
 登录按钮
*/
@property (weak, nonatomic) IBOutlet UIButton *loginBtn;

@end

@implementation ViewController

- (void)viewDidLoad {
    [super viewDidLoad];
    [[NSNotificationCenter defaultCenter] addObserver:self selector:@selector(textFieldChange) name:UITextFieldTextDidChangeNotification object:self.accountTextField];//监听账号输入框是否有输入
    [[NSNotificationCenter defaultCenter] addObserver:self selector:@selector(textFieldChange) name:UITextFieldTextDidChangeNotification object:self.passWordTextField];//监听密码输入框是否有输入
    
}
#pragma mark 监听文本框输入事件
- (void)textFieldChange {
    if (self.accountTextField.text.length > 0 && self.passWordTextField.text.length > 0) {
        self.loginBtn.enabled = YES;//如果账号和密码文本框有输入，那么登录按钮开启
    }
}
#pragma mark 销毁文本框改变通知
- (void)dealloc {
    [[NSNotificationCenter defaultCenter] removeObserver:self];//有订阅通知，也要有对应的销毁
}
#pragma mark 登录按钮事件
- (IBAction)loginBtnClick {
    if ([self.accountTextField.text  isEqual: @"damu"] && [self.passWordTextField.text isEqualToString:@"123"]) {
        [self performSegueWithIdentifier:@"toContactSegue" sender:nil];//如果输入框里的值和存储的一致，那么根据segue标识来进行跳转页面
    }else {
        UIAlertView *alert = [[UIAlertView alloc] initWithTitle:@"提示" message:@"账号或者密码不正确" delegate:nil cancelButtonTitle:@"取消" otherButtonTitles:@"确定", nil];
        [alert show];//如果账号或密码不正确，暂时使用弹出窗口来提示
    }
}
#pragma mark 注册按钮事件
- (IBAction)registBtnClick {
    ContactViewController *contactVc = [[ContactViewController alloc] init];
    [self.navigationController pushViewController:contactVc animated:YES];
}
#pragma mark 记住密码开关状态
- (IBAction)rememberSwitchChange {
    if (self.rememberSwitch.on == YES && self.autoLoginSwitch.on == YES) {
        [self.autoLoginSwitch setOn:NO animated:YES];//如果记住密码为开启状态，而自动登录也是开启状态，那么需要把自动登录改为关闭状态
    }
}
#pragma mark 自动登录开关状态
- (IBAction)autoLoginSwitchChange {
    if (self.autoLoginSwitch.on == YES && self.rememberSwitch.on == NO) {
        [self.rememberSwitch setOn:YES animated:YES];//如果自动登录为开启状态，而记住密码是关闭状态，那么需要把记住密码改为开启状态
    }
}
//传入跳转页面的一些数据
- (void)prepareForSegue:(UIStoryboardSegue *)segue sender:(id)sender {
    ContactViewController *con = segue.destinationViewController;//取得目标控制器
    con.title = [NSString stringWithFormat:@"%@的通讯录",self.accountTextField.text];
}
@end

//
//  ContactViewController.m
//  12-29-Exercise
//
//  Created by xiaomoge on 14/12/29.
//  Copyright (c) 2014年 xiaomoge. All rights reserved.
//

#import "ContactViewController.h"
#import "JWContact.h"
#import "AddContactViewController.h"
#import "EditContactViewController.h"
@interface ContactViewController () <AddContactViewControllerDelegate,EditContactViewControllerDelegate>
@property (nonatomic,strong) NSMutableArray *contactDatas;
@property (nonatomic,copy) NSString *saveDatasPath;
@end

@implementation ContactViewController
#pragma mark - lazy load
- (NSMutableArray *)contactDatas {
    if (!_contactDatas) {
        _contactDatas = [NSKeyedUnarchiver unarchiveObjectWithFile:self.saveDatasPath];
        if (!_contactDatas) {
            _contactDatas = [NSMutableArray array];
        }
    }
    return _contactDatas;
}
#pragma mark - 数据存储地址方法
- (NSString *)saveDatasPath {
    if (!_saveDatasPath) {
        _saveDatasPath = [[NSSearchPathForDirectoriesInDomains(NSDocumentDirectory, NSUserDomainMask, YES) lastObject] stringByAppendingPathComponent:@"contactData.plist"];
    }
    return _saveDatasPath;
}
- (void)viewDidLoad {
    [super viewDidLoad];

    UIBarButtonItem *addItem = self.navigationItem.rightBarButtonItem;//获取到右边导航栏按钮
    UIBarButtonItem *delItem = [[UIBarButtonItem alloc] initWithBarButtonSystemItem:UIBarButtonSystemItemTrash target:self action:@selector(deleClick)];//添加一个垃圾桶按钮
    self.navigationItem.rightBarButtonItems = @[addItem,delItem];//把右边按钮和垃圾桶按钮加到右边导航栏组中
}
//垃圾桶按钮是否进入编辑状态
- (void)deleClick {
    [self.tableView setEditing:!self.tableView.editing animated:YES];
}
#pragma mark - 编辑状态的方法
- (UITableViewCellEditingStyle)tableView:(UITableView *)tableView editingStyleForRowAtIndexPath:(NSIndexPath *)indexPath {
    if(indexPath.row == 0) {
        return UITableViewCellEditingStyleInsert;//设置编辑状态下的样式为添加
    }
    return UITableViewCellEditingStyleDelete;//设置为删除
}
- (void)tableView:(UITableView *)tableView commitEditingStyle:(UITableViewCellEditingStyle)editingStyle forRowAtIndexPath:(NSIndexPath *)indexPath {
    if (editingStyle == UITableViewCellEditingStyleDelete) {//如果选择的是删除按钮
        [self.contactDatas removeObjectAtIndex:indexPath.row];//删除数组联系人
        [tableView deleteRowsAtIndexPaths:@[indexPath] withRowAnimation:UITableViewRowAnimationNone];//删除tableView里的显示数据
    }
    [NSKeyedArchiver archiveRootObject:self.contactDatas toFile:self.saveDatasPath];//保存数据
}
#pragma mark - Table view data source
- (NSInteger)tableView:(UITableView *)tableView numberOfRowsInSection:(NSInteger)section {
    return self.contactDatas.count;
}

- (UITableViewCell *)tableView:(UITableView *)tableView cellForRowAtIndexPath:(NSIndexPath *)indexPath {
    UITableViewCell *cell = [tableView dequeueReusableCellWithIdentifier:@"contactCell"];
    JWContact *contact = self.contactDatas[indexPath.row];
    cell.textLabel.text = contact.name;
    cell.detailTextLabel.text = contact.tel;
    return cell;
}
#pragma mark - AddContactViewControllerDelegate的方法
- (void)addContactWithviewController:(AddContactViewController *)addContactViewController contact:(JWContact *)contact {
    //把传过来的数据加入到可变数组中
    [self.contactDatas addObject:contact];
    
    //刷新界面
    [self.tableView reloadData];
    [NSKeyedArchiver archiveRootObject:self.contactDatas toFile:self.saveDatasPath];
    //销毁源控制器
    [self.navigationController popViewControllerAnimated:YES];
}
#pragma mark -
- (void)prepareForSegue:(UIStoryboardSegue *)segue sender:(id)sender {
    id dist = segue.destinationViewController;//取得源控制器
    if ([dist isKindOfClass:[AddContactViewController class]]) {
        AddContactViewController *con = dist;
        con.delegate = self;//设置代理
    }else if ([dist isKindOfClass:[EditContactViewController class]]) {
        EditContactViewController *edit = dist;
        edit.delegate = self;
        NSIndexPath *indexPath = [self.tableView indexPathForSelectedRow];//取得选中行的位置
        edit.contact = self.contactDatas[indexPath.row];//把选中行的数据传给目标控制器
        
    }
}
#pragma mark - EditContactViewControllerDelegate的方法
- (void)editController:(EditContactViewController *)controller contact:(JWContact *)contact {
    [self.tableView reloadData];
    [NSKeyedArchiver archiveRootObject:self.contactDatas toFile:self.saveDatasPath];
    [self.navigationController popViewControllerAnimated:YES];
}
@end

//
//  AddContactViewController.h
//  12-29-Exercise
//
//  Created by xiaomoge on 14/12/29.
//  Copyright (c) 2014年 xiaomoge. All rights reserved.
//

#import <UIKit/UIKit.h>
@class JWContact,AddContactViewController;
@protocol AddContactViewControllerDelegate <NSObject>

@optional
- (void)addContactWithviewController:(AddContactViewController *)addContactViewController contact:(JWContact *)contact;

@end
@interface AddContactViewController : UIViewController
@property (nonatomic,strong) JWContact *contact;
@property (nonatomic,assign) id<AddContactViewControllerDelegate> delegate;
@end

//
//  AddContactViewController.m
//  12-29-Exercise
//
//  Created by xiaomoge on 14/12/29.
//  Copyright (c) 2014年 xiaomoge. All rights reserved.
//

#import "AddContactViewController.h"
#import "JWContact.h"
@interface AddContactViewController ()
@property (weak, nonatomic) IBOutlet UITextField *nameTextField;
@property (weak, nonatomic) IBOutlet UITextField *telTextField;
@property (weak, nonatomic) IBOutlet UIButton *addBtn;

@end

@implementation AddContactViewController

- (void)viewDidLoad {
    [super viewDidLoad];
    [[NSNotificationCenter defaultCenter] addObserver:self selector:@selector(textFieldChange) name:UITextFieldTextDidChangeNotification object:self.nameTextField];//监听账号输入框是否有输入
    [[NSNotificationCenter defaultCenter] addObserver:self selector:@selector(textFieldChange) name:UITextFieldTextDidChangeNotification object:self.telTextField];//监听密码输入框是否有输入
}
- (void)dealloc {
    [[NSNotificationCenter defaultCenter] removeObserver:self];//有监听就要有销毁
}
- (IBAction)addBtnClick {
    //1、把输入的信息保存到模型数据中
   
    if ([self.delegate respondsToSelector:@selector(addContactWithviewController:contact:)]) {
        JWContact *contact = [[JWContact alloc] init];
        contact.name = self.nameTextField.text;
        contact.tel = self.telTextField.text;
        [self.delegate addContactWithviewController:self contact:contact];
    }
    //2、销毁当前控制器
   // [self.navigationController popViewControllerAnimated:YES];
}

- (void)textFieldChange {
    if (self.nameTextField.text.length > 0 && self.telTextField.text.length > 0) {
        self.addBtn.enabled = YES;//如果文本框已经有了值，那么把添加按钮设为可用
    }
}
- (IBAction)cancelClick:(id)sender {
    [self.navigationController popViewControllerAnimated:YES];
}
@end

//
//  EditContactViewController.h
//  12-29-Exercise
//
//  Created by xiaomoge on 14/12/29.
//  Copyright (c) 2014年 xiaomoge. All rights reserved.
//

#import <UIKit/UIKit.h>
@class JWContact,EditContactViewController;
@protocol EditContactViewControllerDelegate <NSObject>

@optional
- (void)editController:(EditContactViewController *)controller contact:(JWContact *)contact;

@end
@interface EditContactViewController : UIViewController
@property (nonatomic,strong) JWContact *contact;
@property (nonatomic,assign) id <EditContactViewControllerDelegate> delegate;
@end

//
//  EditContactViewController.m
//  12-29-Exercise
//
//  Created by xiaomoge on 14/12/29.
//  Copyright (c) 2014年 xiaomoge. All rights reserved.
//

#import "EditContactViewController.h"
#import "JWContact.h"
@interface EditContactViewController ()

@property (weak, nonatomic) IBOutlet UITextField *nameTextField;
@property (weak, nonatomic) IBOutlet UITextField *telTextField;
@property (weak, nonatomic) IBOutlet UIButton *saveBtn;
@property (weak, nonatomic) IBOutlet UIBarButtonItem *editItem;

@end

@implementation EditContactViewController

- (void)viewDidLoad {
    [super viewDidLoad];
    self.telTextField.text = self.contact.tel;
    self.nameTextField.text = self.contact.name;
    [[NSNotificationCenter defaultCenter] addObserver:self selector:@selector(textFieldChange) name:UITextFieldTextDidChangeNotification object:self.nameTextField];//监听账号输入框是否有输入
    [[NSNotificationCenter defaultCenter] addObserver:self selector:@selector(textFieldChange) name:UITextFieldTextDidChangeNotification object:self.telTextField];//监听密码输入框是否有输入
}
//监听输入框值是否变更
- (void)textFieldChange {
    self.saveBtn.enabled = self.nameTextField.text.length && self.telTextField.text.length;
}
- (void)dealloc {
    [[NSNotificationCenter defaultCenter] removeObserver:self];//销毁订阅通知
}
- (IBAction)editItemClick:(id)sender {
    if ([self.editItem.title isEqualToString:@"编辑"]) {
        self.editItem.title = @"取消";
        self.nameTextField.enabled = YES;
        self.telTextField.enabled = YES;
        self.saveBtn.hidden = NO;
    }else {
        self.editItem.title = @"编辑";
        self.nameTextField.enabled = NO;
        self.telTextField.enabled = NO;
        self.saveBtn.hidden = YES;
        self.nameTextField.text = self.contact.name;
        self.telTextField.text = self.contact.tel;
    }
}
- (IBAction)canselItemClick:(id)sender {
    [self.navigationController popViewControllerAnimated:YES];
}
- (IBAction)saveClick {
    if ([self.delegate respondsToSelector:@selector(editController:contact:)]) {
        self.contact.name = self.nameTextField.text;
        self.contact.tel = self.telTextField.text;
        [self.delegate editController:self contact:self.contact];
    }
}
@end