1.演示私人通讯录
• 学习目标:控制器跳转,控制器之间传值,数据存储
2.项目演示:(4个界面, 交给4个控制器管理, 每个界面一个控制器。)
0> 先搭建项目的界面。(使用自动布局搭建界面)
0.1> 为每个控制器创建自定义的控制器类。
1> 登录界面:
○ 登录按钮只有文本框都有文字才能点击
** 实现思路: 为"账号"和"密码"文本框都设置监听事件, 当文本框内容改变的时候, 判断如果两个文本框都有内容, 那么设置登录按钮可用, 否则登录按钮不可用。
** 设置监听事件常用的3种方式:
1> 通过addTarget方式, 但是这种方式只能监听一些"单击事件"、"滚动条滚动事件"等, 有些事件通过addTarget方式监听无效, 比如"Value Changed"事件。
2> 通过代理, 文本框的代理协议"UITextFieldDelegate"。演示:textFieldShouldBeginEditing方法。
/** 演示代码:
// 为某个文本框设置代理
- (void)viewDidLoad {
[super viewDidLoad];
// 设置文本框代理为当前控制器。
self.txtLoginId.delegate = self;
}
// 让当前控制器遵守UITextFieldDelegate协议, 并且实现- (BOOL)textFieldShouldBeginEditing:(UITextField *)textField方法, 返回YES
- (BOOL)textFieldShouldBeginEditing:(UITextField *)textField
{
return YES;
}
*/
3> 通过"通知中心"监听事件。
** 思路: 让用户名、密码文本框同时设置监听到textChanged方法。
/** 参考代码:
- (void)viewDidLoad {
[super viewDidLoad];
// 通过"通知中心"的方式监听文本框的文字改变事件
[[NSNotificationCenter defaultCenter] addObserver:self selector:@selector(textChanged) name:UITextFieldTextDidChangeNotification object:self.txtLoginId];
[[NSNotificationCenter defaultCenter] addObserver:self selector:@selector(textChanged) name:UITextFieldTextDidChangeNotification object:self.txtPwd];
// UIKIT_EXTERN NSString *const UITextFieldTextDidBeginEditingNotification;
// UIKIT_EXTERN NSString *const UITextFieldTextDidEndEditingNotification;
// UIKIT_EXTERN NSString *const UITextFieldTextDidChangeNotification;
}
// 用户登录名、密码文本框发生改变事件
- (void)textChanged
{
// // 常规代码
// if (self.txtLoginId.text.length > 0 && self.txtPwd.text.length > 0 ) {
// self.btnLogin.enabled = YES;
// } else {
// self.btnLogin.enabled = NO;
// }
// 优化代码
self.btnLogin.enabled = (self.txtLoginId.text.length > 0 && self.txtPwd.text.length > 0);
}
**** 注意通过通知的方式注册事件, 需要在dealloc方法中移除 ****
// 移除通知监听
- (void)dealloc
{
[[NSNotificationCenter defaultCenter]removeObserver:self];
}
**** 注意通过通知的方式注册事件, 需要在dealloc方法中移除 ****
*/
○ 开关细节注意:当打开自动登录,记住密码也会打开,当关闭记住密码,自动登录也会打开。
思路: 监听开关的"Value Changed"事件。
/** 参考代码:
// 记住密码开关, 值改变事件。
- (IBAction)switchPwdValueChanged {
if (self.switchPwd.isOn == NO) {
// 非动画方式
//self.switchAutoLogin.isOn = NO;
// 动画方式
[self.switchAutoLogin setOn:NO animated:YES];
}
}
// 自动登录开关, 值改变事件
- (IBAction)switchAutoLoginValueChanged {
if (self.switchAutoLogin.isOn) {
[self.switchPwd setOn:YES animated:YES];
}
}
*/
○ 文本框有占位符,提示用户输入什么。文本框的"Placeholder"属性
○ 密码文本框是暗文,密码属于机密,不需要显示出来。文本框的"Secure Text Entry"属性
○ 当文本框输入文字,会显示清除按钮,提高用户体验。文本框的"Clear Button"属性
○ 点击登录,会判断账号和密码是否正确,只有正确输入才会进入下一个界面,并且提示用户正在登录,模拟网络延迟。
** 思路:
1> 当直接按住某个按钮, 然后拖线到另外一个控制器的时候, 点击按钮时, 直接跳转到另外一个控制器, 无法拦截跳转操作进行用户名、密码校验。
2> 需要当点击按钮的时候, 可以判断用户名、密码, 如果正确才跳转到下一个控制器的界面。
3> 所以如果希望"拦截"跳转过程, 需要按住control键, 从"源"控制器, 拖线到"目标"控制器。
4> 介绍Segue对象。参考PPT。
** 在xcode6.1下, 拖线时选择Segue的style为show, 等价于以前的push。
** 重新拖线(手动 Segue), 从控制器 to 控制器。
/** 参考代码 :
// 去掉两端空格参考代码:
NSString *loginId = self.txtLoginId.text;
loginId = [loginId stringByTrimmingCharactersInSet:[NSCharacterSet whitespaceAndNewlineCharacterSet]];
// 登录操作
- (IBAction)btnLoginClick {
if ([self.txtLoginId.text isEqualToString:@"steve"] && [self.txtPwd.text isEqualToString:@"123"]) {
// 登录成功
[self performSegueWithIdentifier:@"login2ContactsList" sender:nil];
} else {
// 登录失败
UIAlertView *alertView = [[UIAlertView alloc] initWithTitle:@"登录失败" message:@"用户名或密码错误!" delegate:nil cancelButtonTitle:@"确定" otherButtonTitles:nil, nil];
// 显示提示对话框
[alertView show];
// ================ 使用MBProgressHUD框架, 显示错误提示 ================
if ([self.txtLoginId.text isEqualToString:@"steve"] && [self.txtPwd.text isEqualToString:@"123"]) {
// 登录成功
[self performSegueWithIdentifier:@"login2ContactsList" sender:nil];
} else {
// showError方法、showSucess方法等会自动消失
[MBProgressHUD showError:@"登录失败!"];
}
}
}
*/
5> 使用MBProgressHUD框架改进操作提示对话框(代码见上面)。
6> 登录时, 显示"等待指示器"2秒, 模拟登录。
* 使用dispatch_after。示例代码如下:
/** 参考代码:
// 登录成功以后:
1> 提示用户等待
[MBProgressHUD showMessage:@"正在登录..."];
2> 延迟2秒操作
dispatch_after(dispatch_time(DISPATCH_TIME_NOW, (int64_t)(2 * NSEC_PER_SEC)), dispatch_get_main_queue(), ^{
[MBProgressHUD hideHUD];
[self performSegueWithIdentifier:@"segueLoginVC2ContactsVC" sender:nil];
});
================================ 完成参考代码 ================================
// 登录操作
- (IBAction)btnLoginClick {
// 使用第三方框架, 美化
if ([self.txtLoginId.text isEqualToString:@"steve"] && [self.txtPwd.text isEqualToString:@"123"]) {
// 登录成功
[MBProgressHUD showMessage:@"正在登录..."];
dispatch_after(dispatch_time(DISPATCH_TIME_NOW, (int64_t)(2 * NSEC_PER_SEC)), dispatch_get_main_queue(), ^{
[MBProgressHUD hideHUD];
[self performSegueWithIdentifier:@"login2ContactsList" sender:nil];
});
} else {
[MBProgressHUD showError:@"登录失败!"];
}
}
*/
2> 联系人列表界面
○ 联系人列表界面导航条的标题跟账号有关系(控制器之间传值,把登录界面的账号传递过来)
** 登录成功以后, 在联系人界面的导航栏中, 显示当前登录人的账号"Steve的联系人"
** 思路:
1> 实现控制器的- (void)prepareForSegue:(UIStoryboardSegue *)segue sender:(id)sender方法。
2> 在该方法中获取目标控制器, 然后把值直接传递给目标控制器的导航栏的title属性。
** 该方法会在Segue即将跳转之前自动执行。
** 这个方法一般用作跳转之前的准备工作、输出传递等。
/** 参考代码:
// 在控制器跳转之前执行
- (void)prepareForSegue:(UIStoryboardSegue *)segue sender:(id)sender
{
SteveZContactsListTableViewController *destVc = segue.destinationViewController;
destVc.navigationItem.title = [NSString stringWithFormat:@"%@的联系人", self.txtLoginId.text];
// 注意也可以直接设置控制器的标题
destVc.title = [NSString stringWithFormat:@"%@的联系人", self.txtLoginId.text];
}
====================== 补充: performSegueWithIdentifier:sender:的执行过程 =======================
[self performSegueWithIdentifier:@"login2contacts" sender:nil];
1> self是来源控制器,只能通过来源控制器来调该方法。
2> 根据identifier去storyboard中找到对应的线,新建UIStoryboardSegue对象
3> 设置Segue对象的sourceViewController(来源控制器)
4> 新建并且设置Segue对象的destinationViewController(目标控制器)
5> 调用- (void)prepareForSegue:(UIStoryboardSegue *)segue sender:(id)sender方法
6> 执行跳转。
** 具体跳转步骤:
1> 通过segue对象的sourceViewController获取源控制器所在的导航控制器。
2> 将segue的destinationViewControlelr压栈(push)进去。
====================== 补充: performSegueWithIdentifier:sender:的执行过程 =======================
*/
○ 注销按钮,回到登录界面
** 思路:
1> 为"注销"按钮注册单击事件
2> 在单击事件中弹出"UIActionSheet"对话框
** 设置"UIActionSheet"的代理为当前控制器
** 让当前控制器遵守"UIActionSheetDelegate"协议, 实现- (void)actionSheet:(UIActionSheet *)actionSheet clickedButtonAtIndex:(NSInteger)buttonIndex方法。
** 判断"UIActionSheet"对话框, 用户点击的时哪个按钮, 如果点击的是"注销", 则弹出当前控制器。
/** 参考代码:
// 注销按钮的单击事件
- (IBAction)logout:(id)sender {
// 1. 弹出UIActionSheet对话框
UIActionSheet *sheet = [[UIActionSheet alloc] initWithTitle:@"确定要注销" delegate:self cancelButtonTitle:@"取消" destructiveButtonTitle:@"注销" otherButtonTitles:nil, nil];
[sheet showInView:self.view];
}
// UIActionSheet中的按钮点击事件
- (void)actionSheet:(UIActionSheet *)actionSheet clickedButtonAtIndex:(NSInteger)buttonIndex
{
if (buttonIndex == 0) {
[self.navigationController popViewControllerAnimated:YES];
}
}
*/
○ 添加按钮进入添加联系人界面
** 通过按住"+"按钮, 拖线到"SteveZAddContactViewController"控制器
3> 添加联系人界面
○ 默认焦点停留在姓名文本框中,并且叫出键盘。不需要用户点击文本框弹出键盘,人性化设计。
** 让姓名文本框成为第一响应者。
** 使用viewDidAppear事件。
/** 参考代码:
// 注意: 使用viewDidAppear事件, 不要使用viewDidLoad, 否则是键盘先出来。
- (void)viewDidAppear:(BOOL)animated
{
[super viewDidAppear:animated];
//让姓名文本框成为第一响应者, 默认焦点停留在姓名文本框中,并且叫出键盘。不需要用户点击文本框弹出键盘,人性化设计。
[self.txtName becomeFirstResponder];
}
*/
○ 设置"添加"按钮一个开始是"禁用"状态。等到姓名和电话都输入内容以后才变为"可用"状态。
** 为文本框注册文本改变事件。通过通知。与设置"登录"按钮是否可用的代码相同。
○ 修改"SteveZAddContactViewController"控制器界面的状态栏的最左侧按钮为"返回"。
** 通过设置上一个控制器的navigationItem.backBarButtonItem.title = @"返回";
** 或者直接在storyboard中, 找到上一个控制器的"导航栏", 修改Back Button属性的值。
○ 点击添加按钮,回到联系人列表界面,并且把数据显示到联系人列表界面(控制器之间传值)
** 为"添加"按钮注册单击事件。
** 在"添加"事件中:
1> 关闭当前控制器
2> 把数据回传给上一个控制器, 通过代理实现。
** 思路:
1> 在"添加联系人"控制器中, 增加一个属性, 这个属性的类型就是"SteveZContactsListTableViewController"类型。
2> 然后在"SteveZContactsListTableViewController(联系人列表)"控制器中声明一个方法, 接收两个参数(姓名、电话)
3> 同时在"SteveZContactsListTableViewController(联系人列表)"控制器中, 实现- (void)prepareForSegue:(UIStoryboardSegue *)segue sender:(id)sender方法, 用来设置目标控制器的这个属性为self。
3> 在"添加联系人"控制器中, 需要传值的时候, 调用上一个控制器的这个方法即可。
4> 把这个属性的数据类型改成id<代理协议>的类型, 就变成代理了。
** 如果回传的数据很多的话, 在代理方法中通过模型实现。
/** 参考代码:
************** 方式一(不推荐, 因为耦合度太高) **************
1. 联系人列表控制器:
// 为目标控制器中的属性设置值。
- (void)prepareForSegue:(UIStoryboardSegue *)segue sender:(id)sender
{
SteveZAddContactViewController *targetVc = segue.destinationViewController;
targetVc.contactsList = self;
}
// 用来传递数据的方法
- (void)addNewContactWithName:(NSString *)name andPhone:(NSString *)phone
{
NSLog(@"--%@---%@", name, phone);
}
2. 增加联系人控制器中的"添加"按钮的方法
// 增加联系人
- (IBAction)addContact {
// 关闭当前控制器
[self.navigationController popViewControllerAnimated:YES];
NSString *name = self.txtName.text;
NSString *phone = self.txtPhoneNumber.text;
// 调用上一个控制器的方法来实现传值。
[self.contactsList addNewContactWithName:name andPhone:phone];
}
************** 方式二(推荐, 使用代理) **************
1. 联系人列表控制器
***** 遵守协议, 实现协议的方法 *****
// 遵守协议
@interface SteveZContactsListTableViewController () <SteveZAddContactViewControllerDelegate>
@end
// 实现协议的方法
- (void)AddContactView:(SteveZAddContactViewController *)addVc DidAddContactWithName:(NSString *)name andPhone:(NSString *)phone
{
// 实现添加联系人协议中的方法
- (void)AddContactView:(SteveZAddContactViewController *)addVc DidAddContactWithName:(NSString *)name andPhone:(NSString *)phone
{
// 1. 获取模型数据
[self.contacts addObject:[[SteveZContact alloc] initWithName:name andPhone:phone]];
// 2. 重新刷新表格
[self.tableView reloadData];
}
}
====================== 关于刷新表格数据 ======================
1. 需要在联系人列表控制器中增加一个contacts属性。
参考代码:
@property (nonatomic, strong) NSMutableArray *contacts;
- (NSMutableArray *)contacts
{
if (_contacts == nil) {
_contacts = [NSMutableArray array];
}
return _contacts;
}
2. 实现数据源方法:
- (UITableViewCell *)tableView:(UITableView *)tableView cellForRowAtIndexPath:(NSIndexPath *)indexPath
{
// 1. 创建cell
NSString *cellId = @"contact";
UITableViewCell *cell = [tableView dequeueReusableCellWithIdentifier:cellId];
if (cell == nil) {
cell = [[UITableViewCell alloc] initWithStyle:UITableViewCellStyleValue1 reuseIdentifier:@"contact"];
}
// 2. 设置cell的数据
SteveZContact *model = self.contacts[indexPath.row];
cell.textLabel.text = model.name;
cell.detailTextLabel.text = model.phone;
// 设置每个单元格最右侧的箭头
cell.accessoryType = UITableViewCellAccessoryDisclosureIndicator;
// 3. 返回cell
return cell;
}
====================== 关于刷新表格数据 ======================
***** 遵守协议, 实现协议的方法 *****
2. 增加联系人控制器
***** 定义协议, 增加delegate属性。 *****
@class SteveZAddContactViewController;
@protocol SteveZAddContactViewControllerDelegate <NSObject>
//- (void)addNewContactWithName:(NSString *)name andPhone:(NSString *)phone;
- (void)AddContactView:(SteveZAddContactViewController *) addVc DidAddContactWithName:(NSString *)name andPhone:(NSString *)phone;
@end
@interface SteveZAddContactViewController : UIViewController
@property (nonatomic, strong) id<SteveZAddContactViewControllerDelegate> delegate;
@end
***** 定义协议, 增加delegate属性。 *****
***** 在"添加联系人"方法中调用协议的方法 *****
// 增加联系人
- (IBAction)addContact {
// 关闭当前控制器
[self.navigationController popViewControllerAnimated:YES];
NSString *name = self.txtName.text;
NSString *phone = self.txtPhoneNumber.text;
// 调用上一个控制器的方法来实现传值。
if ([self.delegate respondsToSelector:@selector(AddContactView:DidAddContactWithName:andPhone:)]) {
[self.delegate AddContactView:self DidAddContactWithName:name andPhone:phone];
}
}
***** 在"添加联系人"方法中调用协议的方法 *****
*/
4> 编辑联系人界面
○ 点击cell,进入编辑联系人界面
** 思路: 在"联系人列表"控制器中, 选中Cell单元格, 然后按住control键, 直接拖线到"编辑控制器"。
** 注意: 事实上, 在本例中, 按照如上方式是无法实现控制器跳转的, 因为TableView中的的Cell是通过代码直接动态创建的, 不是加载的storyboard中的cell。【解决:为storyboard中的Cell设置一个identifier的值为"contact", 这样的话动态创建Cell的那段代码就可以根据storyboard中的这个cell创建了】
/** 参考代码:
- (UITableViewCell *)tableView:(UITableView *)tableView cellForRowAtIndexPath:(NSIndexPath *)indexPath
{
// 1. 创建cell
NSString *cellId = @"contact";
// 下面这句代码, 首先从"缓存池"中查找是否有id为@"contact"的cell, 如果没有则优先去storyboard中查找是否有identifier为@"contact"的cell, 如果有则根据storyboard中的cell创建一个出来。
UITableViewCell *cell = [tableView dequeueReusableCellWithIdentifier:cellId];
注释掉这段代码即可
// if (cell == nil) {
// cell = [[UITableViewCell alloc] initWithStyle:UITableViewCellStyleValue1 reuseIdentifier:@"contact"];
// }
注释掉这段代码即可
// 2. 设置cell的数据
SteveZContact *model = self.contacts[indexPath.row];
cell.textLabel.text = model.name;
cell.detailTextLabel.text = model.phone;
// 设置每个单元格最右侧的箭头
cell.accessoryType = UITableViewCellAccessoryDisclosureIndicator;
// 3. 返回cell
return cell;
}
*/
** 报错: "reason: '-[SteveZEditViewController setDelegate:]: unrecognized selector sent to instance 0x7feb51fc3b20'"
【原因: 在"联系人列表"控制器中, 有两个segue对象(控制器跳转连线), 无论任何一个segue被执行, 在跳转之前都会执行- (void)prepareForSegue:(UIStoryboardSegue *)segue sender:(id)sender方法。】而现在这个方法中的代码如下(在这段代码中, 没有判断是哪个segue的目标控制器, 就直接调用delegate属性进行赋值了, 所以报错了。):
/**
- (void)prepareForSegue:(UIStoryboardSegue *)segue sender:(id)sender
{
SteveZAddContactViewController *targetVc = segue.destinationViewController;
targetVc.delegate = self;
}
*/
【解决: 在prepareForSegue中判断当前执行的时哪个segue, 或者判断当前的目标控制器是否为我们要得目标控制器, 然后再执行相应代码】
/** 参考代码:
- (void)prepareForSegue:(UIStoryboardSegue *)segue sender:(id)sender
{
// 根据segue的标识来判断。
// [segue.identifier isEqualToString:@"login2contacts"];
// 根据目标控制器的类型来判断
SteveZAddContactViewController *targetVc = segue.destinationViewController;
if ([targetVc isKindOfClass:[SteveZAddContactViewController class]]) {
targetVc.delegate = self;
}
}
*/
○ 设置"编辑"控制器的导航栏的标题和"编辑/取消"按钮
/** 参考代码:
- (void)viewDidLoad {
[super viewDidLoad];
self.navigationItem.title = @"编辑联系人";
self.navigationItem.rightBarButtonItem = [[UIBarButtonItem alloc] initWithTitle:@"编辑" style:UIBarButtonItemStylePlain target:self action:@selector(beginEdit)];
}
*/
○ 默认保存按钮是隐藏的。
** 设置"保存"按钮为Hidden。
○ 默认文本框不能交互,一开始是查看联系人。
** 设置文本框的Enable属性为NO。
○ 当现实"编辑"界面的时候, 将当前点击的单元格的数据传递过来。
** 思路: 拦截- (void)prepareForSegue:(UIStoryboardSegue *)segue sender:(id)sender方法, 在该方法中判断如果"目标控制器"是"编辑控制器", 则传递相应数据。
/** 参考代码:
- (void)prepareForSegue:(UIStoryboardSegue *)segue sender:(id)sender
{
// 根据segue的标识来判断。
// [segue.identifier isEqualToString:@"login2contacts"];
// 根据目标控制器的类型来判断
id targetVc = segue.destinationViewController;
// 判断目标控制器的类型
if ([targetVc isKindOfClass:[SteveZAddContactViewController class]]) {
((SteveZAddContactViewController *)targetVc).delegate = self;
} else if ([targetVc isKindOfClass:[SteveZEditViewController class]]) {
// 获取当前选中的行号
NSInteger rowIndex = [self.tableView indexPathForSelectedRow].row;
//将当前选中行的model数据传递过去
((SteveZEditViewController *)targetVc).contact = self.contacts[rowIndex];
}
}
*** 提醒: 不要使用: 重写SteveZEditViewControlle的setContact方法, 将model中的数据设置到控件上。这样做无效, 因为在设置数据的时候控制器的view还没有创建好。所以应该把设置数据的代码写到viewDidLoad中。
/** 参考代码:
- (void)viewDidLoad {
[super viewDidLoad];
// 设置界面上控件的数据
self.txtName.text = self.contact.name;
self.txtPhone.text = self.contact.phone;
}
*/
*/
○ 当点击编辑按钮的时候,文本框才允许交互,并且保存按钮默认不能点击
** 为编辑按钮注册单击事件, 当单击的时候, 设置两个文本框可用、按钮显示并且可用、电话号码文本框成为第一响应者。
/** 参考代码:
// 开始编辑
- (void)beginEdit
{
self.txtName.enabled = YES;
self.txtPhone.enabled = YES;
self.btnSave.hidden = NO;
self.btnSave.enabled = YES;
[self.txtPhone becomeFirstResponder];
}
*/
○ 默认弹出电话文本框,一般修改联系人信息,大部分都是改电话,人性化设计。
** [self.txtPhone becomeFirstResponder];
○ 编辑状态的时候,点击取消按钮,会恢复修改的文本框数据,重新回到查看联系人界面。
/** 参考代码:
// 开始编辑
- (void)beginEdit
{
if ([self.navigationItem.rightBarButtonItem.title isEqualToString:@"编辑"]) {
// 点击了"编辑"
self.navigationItem.rightBarButtonItem.title = @"取消";
self.txtName.enabled = YES;
self.txtPhone.enabled = YES;
self.btnSave.hidden = NO;
self.btnSave.enabled = YES;
// 设置焦点默认在"电话文本框"上
[self.txtPhone becomeFirstResponder];
} else {
// 点击了"取消"
self.navigationItem.rightBarButtonItem.title = @"编辑";
self.txtName.enabled = NO;
self.txtPhone.enabled = NO;
self.btnSave.hidden = YES;
self.btnSave.enabled = NO;
// 重新设置model数据到控件上
self.txtName.text = self.contact.name;
self.txtPhone.text = self.contact.phone;
// 关闭键盘
[self.view endEditing:YES];
// 回到上一个界面
[self.navigationController popViewControllerAnimated:YES];
}
** 注意: 以上的else中的部分代码,可以省略。只保留[self.navigationController popViewControllerAnimated:YES];代码即可,因为当当前控制器pop以后,当前控制器,视图就都销毁了。下次创建的又是新的视图,不会保留上次的状态了。
}
*/
○ 实现当文本框中有任何一个没有文字的时候, 禁用"保存"按钮(通过通知的方式)。
** 参考登录界面的代码。
○ 编辑状态的时候,点击保存按钮,更新最新的数据,展示在联系人列表界面。(数据传递)
** 在编辑控制器的.h文件中, 添加一个代理协议
** 在编辑控制器中, 添加一个delegate属性,类型为id<协议>
** 在编辑控制器中, 当点击添加的时候, 判断delegate属性中是否有某个代理方法, 如果有则调用该方法更新数据, 并刷新tableView。
** 让联系人列表控制器, 遵守上面的这个代理协议。
** 实现协议中的"刷新"数据方法
** 在联系人列表控制器的- (void)prepareForSegue:(UIStoryboardSegue *)segue sender:(id)sender中设置"编辑控制器"的代理为当前联系人列表控制器。
/** 参考代码:
=============== 编辑控制器中定义协议 =================
@class SteveZEditViewController, SteveZContact;
@protocol SteveZEditViewControllerDelegate <NSObject>
- (void)editViewController:(SteveZEditViewController *)editViewController didSaveContact:(SteveZContact *)model;
@end
@interface SteveZEditViewController : UIViewController
@property (nonatomic, strong) SteveZContact *contact;
@property (nonatomic, weak) id<SteveZEditViewControllerDelegate> delegate;
@end
=============== 编辑控制器中定义协议 =================
=============== 编辑控制器中点"保存"按钮时调用协议的方法 =================
// 单击保存按钮
- (IBAction)btnSaveClick {
// 1. 关闭当前控制器
[self.navigationController popViewControllerAnimated:YES];
// 2.调用代理方法
if ([self.delegate respondsToSelector:@selector(editViewController:diDSaveContact:)]) {
self.contact.name = self.txtName.text;
self.contact.phone = self.txtPhone.text;
[self.delegate editViewController:self diDSaveContact:self.contact];
}
}
=============== 编辑控制器中点"保存"按钮时调用协议的方法 =================
=============== 联系人控制器遵守协议 =================
@interface SteveZContactsListTableViewController () <SteveZEditViewControllerDelegate>
@end
=============== 联系人控制器遵守协议 =================
=============== 联系人控制器实现协议中的方法 =================
// 编辑完毕后更新数据和tableView
- (void)editViewController:(SteveZEditViewController *)editViewController diDSaveContact:(SteveZContact *)model
{
[self.tableView reloadData];
}
=============== 联系人控制器实现协议中的方法 =================
=============== 在联系人控制器中, 跳转到编辑控制器之前设置代理 =================
- (void)prepareForSegue:(UIStoryboardSegue *)segue sender:(id)sender
{
// 根据segue的标识来判断。
// [segue.identifier isEqualToString:@"login2contacts"];
// 根据目标控制器的类型来判断
id targetVc = segue.destinationViewController;
// 判断目标控制器的类型
if ([targetVc isKindOfClass:[SteveZAddContactViewController class]]) {
((SteveZAddContactViewController *)targetVc).delegate = self;
} else if ([targetVc isKindOfClass:[SteveZEditViewController class]]) {
// 获取当前选中的行号
NSInteger rowIndex = [self.tableView indexPathForSelectedRow].row;
//将当前选中行的model数据传递过去
((SteveZEditViewController *)targetVc).contact = self.contacts[rowIndex];
// 设置代理
((SteveZEditViewController *)targetVc).delegate = self;
}
}
=============== 在联系人控制器中, 跳转到编辑控制器之前设置代理 =================
*/
○ 设置联系人列表中的分割线。思路:先设置分割线的样式为none, 然后再通过UIView自定义分割线。
1> 直接设置tableView的行的分割线。(不是我们想要的效果)
/** 参考代码:
- (void)viewDidLoad {
[super viewDidLoad];
self.tableView.separatorStyle = UITableViewCellSeparatorStyleSingleLineEtched;
}
*/
2> 我们想要的是:有数据的cell下面才有分割线, 没有数据的下面则没有分割线。
** 思路: 自己手动写代码来添加。向每个cell中添加一个高度 = 1, 宽度 = 屏幕宽度的UIView。
1> 设置系统的分割线为None。
** 在viewDidLoad中执行: self.tableView.separatorStyle = UITableViewCellSeparatorStyleNone;
1.1> 要在自定义 cell 的 awakeFromNib方法中创建分割线 UIView, 因为这个 Cell 是从缓存池中获取的, 所以不会调用 initWithStyle方法。
1.2> 不要在 storyboard 中的单元格中直接拖拽一个 UIView 作为分割线, 因为那样的话单元格的 style 就变成了 custom 了, 不是系统样式了。
2> 在storyboard的cell中增加一个UIView。
** 把UIView放到cell中, 设置UIView的x = 0, y = cell的高度, 背景色为浅灰色。
3> 注意要在自定义 cell 的 layoutSubviews 方法中设置分割线的 frame, 这样才最准确。
** 重写layoutSubviews方法的时候, 一定要调用父类的layoutSubviews方法。
5> 导航控制器
○ 通过导航控制器管理上面的4个界面(4个控制器)
3.分析项目框架(项目第一步)
1> 有导航条,而且需要进行跳转,项目框架采取导航控制器(UINavigationController)。
4.分析项目开发方式:采用纯代码还是storyboard.
1> 界面都是固定死,而且界面比较少,用storyboard开发,能快速进行界面之间的跳转。
5.搭建项目框架
1> 程序一启动就会加载storyboard中箭头所指向的控制器("初始化控制器", "Initial View Controller"),箭头所指向的控制器换成导航控制器。
6.搭建登录界面,完善登录界面功能
1> 程序一启动,就是登录界面,因此导航控制器的根控制器就是登录控制器。
2> 处理登录按钮细节,当文本框都有内容的时候,才允许登录按钮点击。
• 代理能监听文本框的内容,不能实时监控文本框的内容改变,不能采取代理方式。
• 只能监听上一次输入,不能监听当前输入文本框内容。
• 通知也能监听文本框的内容,文本框的内容一改变,文本框就会发出通知。
• UITextField继承UIControll,可以addTarget监听。
3> 处理开关按钮细节
• 当打开自动登录,自动打开记住密码开关
• 当打开记住密码,自动打开自动登录开关
4> 点击登录按钮,跳转到联系人界面
7. 搭建联系人界面
1> 继承UITableViewController
2> 注销功能
• 弹出UIActionSheet,destructiveButtonTitle一般显示比较危险的操作标题。
• 监听UIActionSheet按钮点击,通过代理。
• 按钮角标从上往下,依次拯救,最上面按钮角标为0.
• 点击确定按钮,回到登录界面
8. 完善登录功能
1> 点击登录不应该自动跳转,而且需要判断账号和密码是否正确。
2> 连线的方式不对,应该控制器之间连线,控制器之间连线,就不知道什么时候做跳转,只知道从哪个控制器跳转到另外一个控制器。这种方式,需要手动执行跳转。PPT演示segue。
3> 登录业务逻辑分析:
• 如果账号和密码输入正确,就直接跳转到下一个界面,不需要提示用户是否输入正确,跳转界面是最好的提示,手动执行segue,必须用来源控制器调用performSegueWithIdentifier,否则会报错,而且segue标识必须正确,否则也会报错。
• 如果账号和密码输入错误,就提示用户输入错误,用UIAlertView不会自动取消提示框,一般用第三方框架提示MBProgressHud。
• 最好模仿网络处理延迟,2秒后判断是否输入正确。用GCD延迟
• 延迟这段时间,最好搞个蒙版提示用户正在干嘛,蒙版的作用就是2秒内提示用户,而且不允许用户与界面交互,做其他不好的操作。2秒后,就自动销毁。
4> 登录成功后,需要把登录账户传递给联系人控制器,显示到导航条的标题上
• 顺传:上一个控制器传递给下一个控制器
• 思路:
• 第一步:有属性接收登录账户,联系人控制器的navgationItem.title接收这个属性
• 第二步:拿到联系人控制器给他的navgationItem.title这个属性赋值,把账户传递给他。
• 第三步:怎么拿到联系人控制器,通过segue对象,segue对象的目的控制器就是下一级控制器联系人控制器。segue怎么拿?不能自己创建一个联系人控制器,应该拿到storyboard帮我们创建的联系人控制器.
1> 分析performSegueWithIdentifier方法底层做的事情。
2> 通过prepareForSegue这个方法拿。
3> prepareForSegue什么时候调用:在执行segue后,跳转之前调用
4> prepareForSegue方法作用:在跳转之前,做一些准备工作,一般给跳转的下一个控制器传值。
9. 搭建添加联系人界面
1> 点击添加按钮,进入添加联系人界面
2> 默认添加按钮不允许点击,跟登录界面做一样的判断
3> 默认弹出姓名文本框,人性化设计
4> 点击添加,把数据传到联系人界面,展示出来。
• 回传:下一个控制器,传递给上一个控制器
• 第一种方式:
1.给添加控制器添加一个联系人控制器的属性,拿到联系人控制器,才能做事情。
2.添加控制器怎么拿到联系人控制器?在联系人控制器跳转到添加控制器之前,给添加控制器的联系人控制器属性赋值。
3.耦合性太强,设计不好,两个控制器太依赖了
• 第二种方式:
1.通过代理
2.谁作为添加联系人的代理:联系人控制器,监听添加联系人。
3.只要添加一个联系人,就通知联系人控制器
4.什么时候给添加联系人的代理赋值:在联系人控制器跳转到添加控制器之前,给添加控制器的代理属性赋值。
10.总结控制器之间的传值
顺传:上一级控制器传递给下一级控制器,直接能拿到下一级控制器,拿到之后,做什么事情都行。
回传:下一级控制器传递给上一级控制器,用代理。上一级控制器作为下一级的代理,监听下一级控制器的事情。
11.完善联系人界面
1> 搞个数组,保存所有联系人,因为不只添加一个联系人。
2> 实现tableView的数据源方法,展示联系人界面。
3> 监听到添加联系人的时候,就把联系人添加到数组,然后刷新表格。
12.搭建编辑联系人界面
1> 默认文本框不允许交互
2> 默认保存按钮是隐藏的。
3> 当点击编辑按钮,文本框允许交互,并且默认弹出电话的键盘
4> 编辑状态的时候,点击取消按钮,会恢复修改的文本框数据,重新回到查看联系人界面。
• 模型里面的数据一直没有改变,给文本框重新赋值原来的属性就OK了。
5> 编辑状态的时候,点击保存按钮,更新最新的数据,展示在联系人列表界面。
• 更新模型的数据,然后直接刷新联系人控制器的界面就好。
• 原因:编辑控制器的模型就是联系人控制器选中cell的模型,只需要那模型里面的属性更新下就好了。
13.处理tableView分割线
1> tableView中有些分割线没必要显示,只有有数据才需要显示
2> 怎么取消分割线?进入头文件搜separator
• 首先肯定会去找cell头文件,有没有提供一个属性,取消分割线,没有。
• 然后去tableView头文件里找,有没有提供一个属性,取消分割线,
3> 发现整个tableView都没有分割线了,有数据的cell需要分割线,怎么做?自己添加分割线。
• 第一种方式,把分割线添加到tableView上,太麻烦了,每个分割线的位置不好计算
• 第二种方式,给cell添加分割线,分割线的位置计算比较简单。
4> 自定义cell,系统自带的不好用,不能添加分割线,分割线添加到contentView上。
• 封装思想:自己的东西自己管理,以后开发有同样的,直接拿过去就好了,最好提供一个快速创建对象的类方法。提供模型,重写模型的set方法,传递模型过来,就给控件赋值。
• 分割线的位置,在哪设置比较准确?一创建的时候设置是不准确的,cell的位置和尺寸是由tableView决定的,因此不能在awakeFromNib里设置。
1. awakeFromNib什么时候调用?xib加载完成的时候调用
2. awakeFromNib的作用:从控件从xib加载完成之后,做一些初始化操作。
3. 在layoutSubViews设置尺寸。
14.数据存储(数据持久化)
1> 介绍iOS数据存储的5种方式
2> 介绍应用沙盒(应用程序的文件夹)
• 如何找到应用沙盒的路径?首先需要显示隐藏文件。
• 点击前往->个人->资源库->Application Support->iPhone Simulator->7.1->里面全是应用沙盒
3> 应用沙盒怎么多文件夹保存,在哪个文件夹。介绍沙盒里的每一个文件夹。
15.plist存储
• 把一些系统自带的OC对象生成pilst文件存储起来。
1> 了解数据存储:数据存储一般有两个操作,一个存,一个取。拖两个按钮,一个用来存,一个用来取
2> plist存储原理:
• 只要有writeToFile的对象,就能进行plist存储,调用writeToFile就能自动生成plist格式的文件。
• 一般常用的Foundation对象都有这个方法,数组,字典,字符串等
3> 如何写入到沙盒,需要获取沙盒路径。
• 获取Documents路径
• 拼接文件名,因为数据是写入到文件中,不是写入到文件夹中。路径之间通过/分开的,为了避免自己写/,会用stringByAppendingPathCompent,自动在文件夹与文件之间添加/。
4> 如何读取,存储是什么类型存储,读取出来也是什么类型,直接用存储的类型,解析文件就好,用ContentsOfFile解析。
5> 注意plist存储,不能存储自定义对象,会失败的。
16> 偏好设置
1> 什么是偏好设置存储:就是保存一些基本的信息,账号,密码,状态。
2> 偏好设置原理:不需要关心文件名,直接通过NSUserDefaults操作,默认就存到偏好设置里面了。
• 通过NSUserDefaults就能直接访问软件的偏好设置(Library/Preferences)
3> 怎么利用偏好设置存储?利用NSUserDefaults调用setObject:forKey存储。
• 偏好设置底层实现原理:底层其实就是利用一个字典,存储一些键值对。
• 偏好设置好处:能快速存储一些键值对,如果用字典去存储,还需要获取文件名比较麻烦。
• 偏好设置坏处:不能及时存储,需要做同步操作,把内存中的数据同步到硬盘上。
4> 怎么利用偏好设置读取?和字典一样,根据刚刚存储的Key读取。
17> 自定义对象归档(归档:数据存储)
1> 自定义对象如何归档:用NSKeyedArchiver,调用archiveRootObject:toFile:方法,需要传一个对象,自定义一个对象,传进去。
• 会报错,说对象没有encodeWithCoder方法,说明归档的时候默认会调用这个方法,去实现这个方法。
• 默认打不出encodeWithCoder,必须遵守NSCoding协议才能实现这个方法。
• encodeWithCoder什么时候调用:对象归档时候调用
• encodeWithCoder作用:告诉系统对象里的哪些属性需要归档,怎么去归档,根据一个key去归档,目的就是以后取的时候,也根据这个key去取数据。
2> 自定义对象如何解档:用NSKeyedUnarchiver,调用unarchiveObjectWithFile方法,需要传一个文件名。
• 会报错,说对象没有initWithCoder方法,说明解档的时候默认会调用这个方法,去实现这个方法。
• initWithCoder什么时候调用:对象解档时候调用
• initWithCoder作用:告诉系统对象里的哪些属性需要解档,怎么去解档,根据之前存储的key去解档
• initWithCoder是一个初始化方法,需要先初始化父类的,但是不能调用[super initWithCoder:],因为父类NSObject没有遵守NSCoding协议。
3> initWithCoder什么时候需要调用[super initWithCoder:]
• initWithCoder原理:只要解析文件就会调用,xib,storyboard都是文件,因此只要解析这两个文件,就会调用initWithCoder。
• 因此如果在storyboard使用自定义view,重写initWithCoder方法,一定要调用[super initWithCoder:],因为只有系统才知道怎么解析storyboard,如果没有调用,就解析不了这个文件。