ios实战开发之UITableView应用(联系人管理)

Sian

1、效果展示：



2、过程分析：

2.1 用storyboard创建好基本界面



2.2 编写一个“编辑”按钮事件，该事件让UITableView进入编辑模式
2.3 实现UITableViewDelegate协议中UITableViewCell的移动与删除事件

1. - (void)tableView:(UITableView *)tableView commitEditingStyle:(UITableViewCellEditingStyle)editingStyle forRowAtIndexPath:(NSIndexPath *)indexPath
2. - (void)tableView:(UITableView *)tableView moveRowAtIndexPath:(NSIndexPath *)sourceIndexPath toIndexPath:(NSIndexPath *)destinationIndexPath

复制代码

3、关键代码：
SAPerson.h

1. //
2. //  SAPerson.h
3. //  UItableView-4
4. //
5. //  Created by yusian on 14-4-2.
6. //  Copyright (c) 2014年 yusian. All rights reserved.
7. //
9. #import <Foundation/Foundation.h>
11. @interface SAPerson : NSObject
13. @property (nonatomic, copy) NSString *name;
15. @property (nonatomic, copy) NSString *phone;
17. @end

复制代码

SAPerson.m

1. //
2. //  SAPerson.m
3. //  UItableView-4
4. //
5. //  Created by yusian on 14-4-2.
6. //  Copyright (c) 2014年 yusian. All rights reserved.
7. //
9. #import "SAPerson.h"
10. @implementation SAPerson
12. @end

复制代码

SAViewController.h

1. //
2. //  SAViewController.h
3. //  UItableView-4
4. //
5. //  Created by yusian on 14-4-2.
6. //  Copyright (c) 2014年 yusian. All rights reserved.
7. //
9. #import <UIKit/UIKit.h>
10. #import "SAPerson.h"
12. @interface SAViewController : UIViewController
14. - (IBAction)edit:(UIBarButtonItem *)sender;
16. @property (weak, nonatomic) IBOutlet UITableView *tableView;
18. @end

复制代码

SAViewController.m

1. //
2. //  SAViewController.m
3. //  UItableView-4
4. //
5. //  Created by yusian on 14-4-2.
6. //  Copyright (c) 2014年 yusian. All rights reserved.
7. //
9. #import "SAViewController.h"
11. @interface SAViewController () <UITableViewDataSource, UITableViewDelegate>
12. {
13.     NSMutableArray *_modelData;
14. }
16. @end
18. @implementation SAViewController
20. - (void)viewDidLoad
21. {
22.     [super viewDidLoad];
23.    
24.     // 初始化模型数组，将当前控制器设置为数据源/代理
25.     _modelData = [NSMutableArray array];
26.     self.tableView.dataSource = self;
27.     self.tableView.delegate = self;
28.    
29.     for (int i = 0; i < 20; i++) {
30.    
31.         // 初始化模型数据，模型数据包括（姓名  电话号码），姓名按0~20加序号，手机号码通过随机函数产生(仅做演示)
32.         SAPerson *p = [[SAPerson alloc] init];
33.         p.name = [NSString stringWithFormat:@"姓名-%02d", i];
34.         p.phone = [NSString stringWithFormat:@"手机:187%d", 10000000 + arc4random_uniform(90000000)];
35.         [_modelData addObject:p];
36.     }
37. }
39. #pragma mark 返回表格行数--UITableViewDataSource协议必须实现
40. - (NSInteger) tableView:(UITableView *)tableView numberOfRowsInSection:(NSInteger)section
41. {
42.     return _modelData.count;    // 数据模式中数据量即为表格cell个数
43. }
45. #pragma mark 初始化Cell--UITableViewDataSource协议必须实现
46. - (UITableViewCell *)tableView:(UITableView *)tableView cellForRowAtIndexPath:(NSIndexPath *)indexPath
47. {
48.     SAPerson *p = _modelData[indexPath.row];                                                            // 创建一个模型对象
49.     static NSString *ID = @"cell";
50.     UITableViewCell *cell = [self.tableView dequeueReusableCellWithIdentifier:ID];                      // 回收缓存中Cell
51.     if (nil == cell) {
52.         cell = [[UITableViewCell alloc] initWithStyle:UITableViewCellStyleValue1 reuseIdentifier:ID];   // 如果缓存中没有则创建
53.     }
54.     cell.textLabel.text = p.name;           // 给cell中属性赋值
55.     cell.detailTextLabel.text = p.phone;    // 给cell中属性赋值
56.     return cell;
57. }
59. #pragma mark 编辑模式中删除按钮事件处理--UITableViewDelegate协议实现
60. - (void)tableView:(UITableView *)tableView commitEditingStyle:(UITableViewCellEditingStyle)editingStyle forRowAtIndexPath:(NSIndexPath *)indexPath
61. {
62.     SAPerson *p = _modelData[indexPath.row];
63.     [_modelData removeObject:p];        // 删除当前行数据模型中的数据
64.     [self.tableView deleteRowsAtIndexPaths:@[indexPath] withRowAnimation:UITableViewRowAnimationTop];   // 局部刷新，动画处理删除当前cell
65. }
67. #pragma mark 编辑模式中移动cell事件处理
68. - (void)tableView:(UITableView *)tableView moveRowAtIndexPath:(NSIndexPath *)sourceIndexPath toIndexPath:(NSIndexPath *)destinationIndexPath
69. {
70.     SAPerson *p = _modelData[sourceIndexPath.row];                  // 取出当前行的模型数据
71.     [_modelData removeObject:p];                                    // 删除当前行的模型数据
72.     [_modelData insertObject:p atIndex:destinationIndexPath.row];   // 将取出的模型数据插入移动后模型数据位置
73.     // 该方法调用后会自动刷新表格
74. }
76. #pragma mark 点击“编辑”按钮事件处理
77. - (IBAction)edit:(UIBarButtonItem *)sender {
78.    
79.     BOOL result = !self.tableView.editing;              // UITableView编辑模式状态取反再赋值给编辑状态，可实现该方法循环打开或关闭编辑模式
80.    
81.     [self.tableView setEditing:result animated:YES];    // 修改UITableView的编辑模式，打开或关闭
82.    
83. }
85. @end

复制代码

4、源代码下载：

游客，本帖隐藏的内容需要积分高于 1 才可浏览，您当前积分为 0