iOS开发UI篇—实现一个私人通讯录小应用(二)
iOS开发UI篇—实现一个私人通讯录小应用(二)
一、实现功能说明
(1)点击注销按钮,弹出一个对话框,点击确定后移除当前栈顶的控制器,返回开始界面,点击取消,不做任何操作。
注意:注销按钮的单击事件已经进行了连线。实现-(void)actionSheet:(UIActionSheet *)actionSheet clickedButtonAtIndex:(NSInteger)buttonIndex需要遵守UIActionSheetDelegate协议。
1 //注销按钮 2 - (IBAction)logoutBtn:(id)sender { 3 4 UIActionSheet *sheet =[[UIActionSheet alloc]initWithTitle:@"确定要注销?" delegate:self cancelButtonTitle:@"取消" destructiveButtonTitle:@"确定" otherButtonTitles: nil]; 5 6 [sheet showInView:self.view]; 7 } 8 9 #pragma mark-代理方法 10 -(void)actionSheet:(UIActionSheet *)actionSheet clickedButtonAtIndex:(NSInteger)buttonIndex 11 { 12 if (buttonIndex!=0)return; 13 //移除栈顶的控制器 14 [self.navigationController popViewControllerAnimated:YES]; 15 }
(2)当两个文本框的状态发生改变时,通知添加按钮变为可用状态。
知识点:通知(注册监听)
1 - (void)viewDidLoad 2 { 3 [super viewDidLoad]; 4 5 //1.获得通知中心 6 NSNotificationCenter *center=[NSNotificationCenter defaultCenter]; 7 //2.注册监听 8 [center addObserver:self selector:@selector(textChange) name:UITextFieldTextDidChangeNotification object:self.nameFeild]; 9 [center addObserver:self selector:@selector(textChange) name:UITextFieldTextDidChangeNotification object:self.phoneFeild]; 10 } 11 12 13 14 //当文本框内容改变的时候,通知self调用该方法 15 -(void)textChange 16 { 17 //判断,如果两个文本框的内容都改变(有值)的时候,添加按钮变成可交互的 18 self.addBtn.enabled=(self.nameFeild.text.length>0&&self.phoneFeild.text.length>0); 19 NSLog(@"通知调用的事件"); 20 } 21 22 //临终遗言 23 -(void)dealloc 24 { 25 [[NSNotificationCenter defaultCenter] removeObserver:self]; 26 }
(3)数据的逆传(使用代理)
TXContatcsViewController.m文件
1 // Created by 鑫 on 14-10-21. 2 // Copyright (c) 2014年 梁镋鑫. All rights reserved. 3 // 4 5 #import "TXContactsViewController.h" 6 #import "TXAddViewController.h" 7 #import "TXContact.h" 8 #import "TXEditViewController.h" 9 #import "TXContactCell.h" 10 11 @interface TXContactsViewController ()<UIActionSheetDelegate,TXAddViewControllerDelegate, TXEditViewControllerDelegate> 12 - (IBAction)logout:(id)sender; 13 @property (nonatomic, strong) NSMutableArray *contacts; 14 @end 15 16 @implementation TXContactsViewController 17 18 - (id)initWithStyle:(UITableViewStyle)style 19 { 20 self = [super initWithStyle:style]; 21 if (self) { 22 // Custom initialization 23 } 24 return self; 25 } 26 - (NSMutableArray *)contacts 27 { 28 if (_contacts == nil) { 29 _contacts = [NSMutableArray array]; 30 } 31 return _contacts; 32 } 33 34 - (void)viewDidLoad 35 { 36 [super viewDidLoad]; 37 self.tableView.separatorStyle = UITableViewCellSeparatorStyleNone; 38 // self.tableView.rowHeight = 70; 39 40 } 41 42 - (void)didReceiveMemoryWarning 43 { 44 [super didReceiveMemoryWarning]; 45 // Dispose of any resources that can be recreated. 46 } 47 48 #pragma mark - Table view data source 49 50 51 - (NSInteger)tableView:(UITableView *)tableView numberOfRowsInSection:(NSInteger)section 52 { 53 #warning Incomplete method implementation. 54 // Return the number of rows in the section. 55 return self.contacts.count; 56 } 57 - (UITableViewCell *)tableView:(UITableView *)tableView cellForRowAtIndexPath:(NSIndexPath *)indexPath 58 { 59 // 1.创建cell 60 TXContactCell *cell = [TXContactCell cellWithTableView:tableView]; 61 62 // 2.设置cell的数据 63 cell.contact = self.contacts[indexPath.row]; 64 65 66 67 return cell; 68 } 69 70 /** 71 * 注销 72 * 73 * @param sender <#sender description#> 74 */ 75 76 - (IBAction)logout:(id)sender { 77 78 //框框从底部跳出来 79 UIActionSheet *sheet = [[UIActionSheet alloc] initWithTitle:@"确定注销" delegate:self cancelButtonTitle:@"取消" destructiveButtonTitle:@"确定" otherButtonTitles:nil, nil]; 80 [sheet showInView:self.view]; 81 82 } 83 84 #pragma mark --actionSheet的代理方法 85 -(void)actionSheet:(UIActionSheet *)actionSheet clickedButtonAtIndex:(NSInteger)buttonIndex 86 { 87 // if (buttonIndex ==0) { 88 // //出栈 89 // [self.navigationController popViewControllerAnimated:YES ]; 90 // } 91 if (buttonIndex !=0) return; 92 //出栈 93 [self.navigationController popViewControllerAnimated:YES ]; 94 95 96 } 97 /** 98 * 执行跳转下个控制器之前会调用下面这个方法 99 */ 100 - (void)prepareForSegue:(UIStoryboardSegue *)segue sender:(id)sender 101 { 102 id vc = segue.destinationViewController; 103 104 if ([vc isKindOfClass:[TXAddViewController class]]) { // 如果是跳转到添加联系人的控制器 105 // 设置下一个控制器(添加联系人的控制器)的代理 106 TXAddViewController *addVc = vc; 107 addVc.delegate = self; 108 } else if ([vc isKindOfClass:[TXEditViewController class]]) { // 如果是跳转到查看(编辑)联系人的控制器 109 TXEditViewController *editVc = vc; 110 // 取得选中的那行 111 NSIndexPath *path = [self.tableView indexPathForSelectedRow]; 112 //传递数据给editVC 113 114 editVc.contact = self.contacts[path.row]; 115 editVc.delegate = self; 116 } 117 118 } 119 120 #pragma mark - TXAddViewController的代理方法 121 - (void)addViewController:(TXAddViewController *)addVc didAddContact:(TXContact *)contact 122 { 123 // 1.添加模型数据 124 [self.contacts addObject:contact]; 125 126 // 2.刷新表格 127 [self.tableView reloadData]; 128 } 129 #pragma mark - TXEditViewController的代理方法 130 - (void)editViewController:(TXEditViewController *)editVc didSaveContact:(TXContact *)contact 131 { 132 [self.tableView reloadData]; 133 } 134 @end
TXAddViewController.h文件
1 #import <UIKit/UIKit.h> 2 //包括TXContact这个模型 3 @class TXAddViewController, TXContact; 4 5 @protocol TXAddViewControllerDelegate <NSObject> 6 7 @optional 8 //- (void)addViewController:(TXAddViewController *)addVc didAddContactWithName:(NSString *)name phone:(NSString *)phone;你当我代理你就能拿到我那两个属性值,如果参数多,不好用,可用模型,以下使用模型的 9 - (void)addViewController:(TXAddViewController *)addVc didAddContact:(TXContact *)contact; 10 @end 11 12 @interface TXAddViewController : UIViewController 13 @property (nonatomic, weak) id<TXAddViewControllerDelegate> delegate; 14 @end
TXAddViewController.m文件
1 // Created by 鑫 on 14-10-21. 2 // Copyright (c) 2014年 梁镋鑫. All rights reserved. 3 // 4 5 #import "TXAddViewController.h" 6 #import "TXContact.h" 7 @interface TXAddViewController () 8 //为了封装性不要把控件属性放到.h文件 9 @property (weak, nonatomic) IBOutlet UITextField *phoneField; 10 @property (weak, nonatomic) IBOutlet UITextField *nameField; 11 @property (weak, nonatomic) IBOutlet UIButton *addBtn; 12 - (IBAction)add; 13 @end 14 15 @implementation TXAddViewController 16 17 - (void)viewDidLoad 18 { 19 [super viewDidLoad]; 20 21 // 监听通知 22 [[NSNotificationCenter defaultCenter] addObserver:self selector:@selector(textChange) name:UITextFieldTextDidChangeNotification object:self.nameField]; 23 [[NSNotificationCenter defaultCenter] addObserver:self selector:@selector(textChange) name:UITextFieldTextDidChangeNotification object:self.phoneField]; 24 25 // 退出键盘 26 // [self.nameField resignFirstResponder]; 27 // [self.view endEditing:YES]; 28 } 29 30 /** 31 * 控制器的view完全显示的时候调用 32 */ 33 - (void)viewDidAppear:(BOOL)animated 34 { 35 [super viewDidAppear:animated]; 36 37 // 让姓名文本框成为第一响应者(叫出键盘) 38 [self.nameField becomeFirstResponder]; 39 } 40 41 - (void)dealloc 42 { 43 [[NSNotificationCenter defaultCenter] removeObserver:self]; 44 } 45 46 /** 47 * 文本框的文字发生改变的时候调用 48 */ 49 - (void)textChange 50 { 51 self.addBtn.enabled = (self.nameField.text.length && self.phoneField.text.length); 52 } 53 54 /** 55 * 添加 56 */ 57 - (IBAction)add { 58 // 1.关闭当前控制器 59 [self.navigationController popViewControllerAnimated:YES]; 60 61 // 2.传递数据给上一个控制器(TXContactsViewController) 62 // 2.通知代理 63 if ([self.delegate respondsToSelector:@selector(addViewController:didAddContact:)]) {//代理还可以传值 64 TXContact *contact = [[TXContact alloc] init]; 65 contact.name = self.nameField.text; 66 contact.phone = self.phoneField.text; 67 [self.delegate addViewController:self didAddContact:contact]; 68 } 69 } 70 71 @end
TXEditViewController.h文件
1 // Created by 鑫 on 14-10-21. 2 // Copyright (c) 2014年 梁镋鑫. All rights reserved. 3 // 4 5 #import <UIKit/UIKit.h> 6 @class TXContact, TXEditViewController; 7 8 @protocol TXEditViewControllerDelegate <NSObject> 9 10 @optional 11 - (void)editViewController:(TXEditViewController *)editVc didSaveContact:(TXContact *)contact; 12 13 @end 14 15 @interface TXEditViewController : UIViewController 16 //别人传一个模型给你 17 @property (nonatomic, strong) TXContact *contact; 18 19 @property (nonatomic, weak) id<TXEditViewControllerDelegate> delegate; 20 @end
TXEditViewController.m文件
1 // Copyright (c) 2014年 梁镋鑫. All rights reserved. 2 // 3 4 #import "TXEditViewController.h" 5 #import "TXContact.h" 6 @interface TXEditViewController () 7 @property (weak, nonatomic) IBOutlet UITextField *nameField; 8 @property (weak, nonatomic) IBOutlet UIButton *saveBtn; 9 @property (weak, nonatomic) IBOutlet UITextField *phoneField; 10 - (IBAction)edit:(UIBarButtonItem *)item; 11 12 - (IBAction)save; 13 14 15 @end 16 17 @implementation TXEditViewController 18 - (void)viewDidLoad 19 { 20 [super viewDidLoad]; 21 22 // 设置数据 23 self.nameField.text = self.contact.name; 24 self.phoneField.text = self.contact.phone; 25 26 // 监听通知 27 [[NSNotificationCenter defaultCenter] addObserver:self selector:@selector(textChange) name:UITextFieldTextDidChangeNotification object:self.nameField]; 28 [[NSNotificationCenter defaultCenter] addObserver:self selector:@selector(textChange) name:UITextFieldTextDidChangeNotification object:self.phoneField]; 29 } 30 31 - (void)dealloc 32 { 33 [[NSNotificationCenter defaultCenter] removeObserver:self]; 34 } 35 36 /** 37 * 文本框的文字发生改变的时候调用 38 */ 39 - (void)textChange 40 { 41 self.saveBtn.enabled = (self.nameField.text.length && self.phoneField.text.length); 42 } 43 44 - (IBAction)edit:(UIBarButtonItem *)item { 45 if (self.nameField.enabled) { // 点击的是"取消" 46 self.nameField.enabled = NO; 47 self.phoneField.enabled = NO; 48 [self.view endEditing:YES]; 49 self.saveBtn.hidden = YES; 50 51 item.title = @"编辑"; 52 53 // 还原回原来的数据 54 self.nameField.text = self.contact.name; 55 self.phoneField.text = self.contact.phone; 56 } else { // 点击的是"编辑" 57 self.nameField.enabled = YES; 58 self.phoneField.enabled = YES; 59 [self.phoneField becomeFirstResponder]; 60 self.saveBtn.hidden = NO; 61 62 item.title = @"取消"; 63 } 64 } 65 66 /** 67 * 保存 68 */ 69 - (IBAction)save { 70 // 1.关闭页面 71 [self.navigationController popViewControllerAnimated:YES]; 72 73 // 2.通知代理 74 if ([self.delegate respondsToSelector:@selector(editViewController:didSaveContact:)]) { 75 // 更新模型数据 76 self.contact.name = self.nameField.text; 77 self.contact.phone = self.phoneField.text; 78 [self.delegate editViewController:self didSaveContact:self.contact]; 79 } 80 } 81 @end
二、效果
注销的弹窗效果
添加信息
信息添加后返回到联系人列表界面
郑重声明:本站内容如果来自互联网及其他传播媒体,其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享,并不代表本站赞同其观点和对其真实性负责,也不构成任何其他建议。