iOS学习4_UITableView的使用

UITableView相当于Android里面的ListView，但功能却比ListView强大太多。

使用UITableView需要指定数据源和代理。

1.显示所有的行

遵守UITableViewDataSource协议，必须实现的方法有两个：

// 每一节里面有多少行
- (NSInteger)tableView:(UITableView *)tableView numberOfRowsInSection:(NSInteger)section
// 每行的View，这里是UITableViewCell
- (NSInteger)tableView:(UITableView *)tableView numberOfRowsInSection:(NSInteger)section

2.修改每行高度选中行

遵守UITableViewDelegate协议

// 选中某行
- (void)tableView:(UITableView *)tableView didSelectRowAtIndexPath:(NSIndexPath *)indexPath
// 设置每行高度
- (CGFloat)tableView:(UITableView *)tableView heightForRowAtIndexPath:(NSIndexPath *)indexPath

3.编辑模式

UITableView设置编辑模式可以（滑动）删除、添加和移动每一行。只需要修改其属性editing

@property(nonatomic,getter=isEditing) BOOL editing;

需要实现的方法

// 删除需要实现方法
- (void) tableView:(UITableView *)tableView commitEditingStyle:(UITableViewCellEditingStyle)editingStyle forRowAtIndexPath:(NSIndexPath *)indexPath
// 移动需要实现的方法
- (void) tableView:(UITableView *)tableView moveRowAtIndexPath:(NSIndexPath *)sourceIndexPath toIndexPath:(NSIndexPath *)destinationIndexPath

4.性能优化

首先根据Identifier从可重用的队列中拿，如果没有再重新分配Cell的内存。

static NSString *ID =@"tableview";
UITableViewCell *cell = [tableViewdequeueReusableCellWithIdentifier:ID];
if (cell == nil) {
cell= [[UITableViewCell alloc] initWithStyle:UITableViewCellStyleSubtitlereuseIdentifier:ID];
}

5.例子

模型类：

Shop.h

@interface Shop : NSObject
@property (nonatomic, copy) NSString *icon;
@property (nonatomic, copy) NSString *name;
@property (nonatomic, copy) NSString *desc;
@property (nonatomic) BOOL isChecked;
+ (id)shopWithName:(NSString *)name icon:(NSString *)icon desc:(NSString *)desc;
@end

Shop.m

#import "Shop.h"
@implementation Shop
+ (id)shopWithName:(NSString *)name icon:(NSString *)icon desc:(NSString *)desc
{
Shop *shop = [[Shop alloc] init];
shop.icon = icon;
shop.name = name;
shop.desc = desc;
return shop;
}
@end

自定义UITableViewCell

QhMyTableViewCell.h

@class Shop;
@interface QhMyTableViewCell : UITableViewCell
+ (QhMyTableViewCell *) myTableViewCell;
@property (weak, nonatomic) IBOutlet UIImageView *imageViews;
@property (weak, nonatomic) IBOutlet UILabel *title;
@property (weak, nonatomic) IBOutlet UILabel *desc;
@property (nonatomic) Shop * shop;
@end

QhMyTableViewCell.m

@implementation QhMyTableViewCell
+ (QhMyTableViewCell *) myTableViewCell
{
NSArray * views = [[NSBundle mainBundle] loadNibNamed:@"cell" owner:nil options:nil];
QhMyTableViewCell * view = views[0];
return view;
}
#pragma  mark -重写set方法，设置数据
- (void)setShop:(Shop *)shop
{
self.imageView.image = [UIImage imageNamed:[shop icon]];
self.title.text = [shop name];
self.desc.text = [shop desc];
}
@end

QhViewController.h

@interface QhViewController : UIViewController

@property (weak, nonatomic) IBOutlet UITableView *tableView;
@property (weak, nonatomic) IBOutlet UIBarButtonItem *name;
@property (weak, nonatomic) IBOutlet UIBarButtonItem *deleteIcon;
@property (weak, nonatomic) IBOutlet UIBarButtonItem *allPick;

//删除／编辑／反选按按钮的动作
- (IBAction)remove:(UIBarButtonItem *)sender;
- (IBAction)edit:(UIBarButtonItem *)sender;
- (IBAction)allPickAction:(id)sender;

// 使用加载xib然后通过连线的方式找到子控件进行设置，file owner设置为该控制器类时的输出口
@property (weak, nonatomic) IBOutlet UIImageView *imageView;
@property (weak, nonatomic) IBOutlet UILabel *titles;
@property (weak, nonatomic) IBOutlet UILabel *descs;

@end

QhViewController.m

@interface QhViewController () <UITableViewDataSource,UITableViewDelegate>
{
NSMutableArray * _shops;
BOOL _flag;
}

@end

@implementation QhViewController

- (void)viewDidLoad
{
[super viewDidLoad];
_shops = [NSMutableArray array];
Shop *shop1 = [Shop shopWithName:@"111" icon:@"001.png" desc:@"111，111，111"];
Shop *shop2 = [Shop shopWithName:@"222" icon:@"002.png" desc:@"222，222，222"];
Shop *shop3 = [Shop shopWithName:@"333" icon:@"003.png" desc:@"333，333，333"];
Shop *shop4 = [Shop shopWithName:@"444" icon:@"004.png" desc:@"444，444，444"];
Shop *shop5 = [Shop shopWithName:@"555" icon:@"005.png" desc:@"555，555，555"];
Shop *shop6 = [Shop shopWithName:@"666" icon:@"006.png" desc:@"666，666，666"];
Shop *shop7 = [Shop shopWithName:@"777" icon:@"007.png" desc:@"777，777，777"];
Shop *shop8 = [Shop shopWithName:@"888" icon:@"008.png" desc:@"888，888，888"];
Shop *shop9 = [Shop shopWithName:@"666" icon:@"006.png" desc:@"666，666，666"];
Shop *shop10 = [Shop shopWithName:@"777" icon:@"007.png" desc:@"777，777，777"];
Shop *shop11 = [Shop shopWithName:@"888" icon:@"008.png" desc:@"888，888，888"];
Shop *shop12 = [Shop shopWithName:@"666" icon:@"006.png" desc:@"666，666，666"];
Shop *shop13 = [Shop shopWithName:@"777" icon:@"007.png" desc:@"777，777，777"];
Shop *shop14 = [Shop shopWithName:@"888" icon:@"008.png" desc:@"888，888，888"];
[_shops addObjectsFromArray:@[shop1, shop2, shop3,shop4,shop5,shop6,shop7,shop8,shop9,shop10,shop11,shop12,shop13,shop14]];
}

//- (NSInteger)numberOfSectionsInTableView:(UITableView *)tableView
//{
//    return  1;
//}

#pragma mark 每一节里面有多少行
- (NSInteger)tableView:(UITableView *)tableView numberOfRowsInSection:(NSInteger)section
{
// 刷新数据时更改反选按钮的状态，没有数据时为不可选种状态
if (_shops.count > 0) {
[_allPick setEnabled:YES];
}
else
[_allPick setEnabled:NO];
// 记录选中的行数
NSInteger i = 0;
for (Shop * shop in _shops) {
if (shop.isChecked) {
i++;
}
}
NSString * nameString;
if (i>0) {
nameString = [NSString stringWithFormat:@"已勾选(%d)",i];
}else
nameString = @"已勾选";
self.name.title = nameString;
// 只要有一行为选中状态就让删除按钮为可选状态
_flag = NO;
for (Shop * shop in _shops) {
if (shop.isChecked) {
_flag = YES;
}
}
if (_flag) {
[_deleteIcon setEnabled:YES];
}else
[_deleteIcon setEnabled:NO];
return _shops.count;

}

#pragma mark－ 每行显示的cell
#pragma mark 1表示使用系统自带的cell作为每一行的布局。
#pragma mark 2表示加载自定义的xib文件，然后通过顺序或者tag找到每个子控件赋值。
#pragma mark 3表示加载xib然后通过连线的方式找到子控件进行设置，file owner设置为控制器类。
#pragma mark  最终采用的方式是自定义UITableViewCell，将xib对应的类修改为自己的类，连线。fileowner设置为nil。
- (UITableViewCell *) tableView:(UITableView *)tableView cellForRowAtIndexPath:(NSIndexPath *)indexPath
{
static NSString *ID = @"tableview";
//1    UITableViewCell *cell = [tableView dequeueReusableCellWithIdentifier:ID];
QhMyTableViewCell *cell = [tableView dequeueReusableCellWithIdentifier:ID];
if (cell == nil) {
//1        cell = [[UITableViewCell alloc] initWithStyle:UITableViewCellStyleSubtitle reuseIdentifier:ID];
//2        NSArray * views = [[NSBundle mainBundle] loadNibNamed:@"cell" owner:nil options:nil];
//2        cell = views[0];

//3        NSArray * views = [[NSBundle mainBundle] loadNibNamed:@"cell" owner:self options:nil];
//3        cell = views[0];
cell = [QhMyTableViewCell myTableViewCell];
}
NSLog(@"----->%p", cell);
//2    UIImageView * imageView = cell.contentView.subviews[0];
//2    UILabel * title = cell.contentView.subviews[1];
//2    UILabel * desc = cell.contentView.subviews[2];
//3    不需要，因为已经通过连线定义了输出口

Shop * shop =  _shops[indexPath.row];
//1    cell.imageView.image = [UIImage imageNamed:shop.icon];
//1    cell.textLabel.text = [shop name];
//1    cell.detailTextLabel.text = [shop desc];

//2    imageView.image = [UIImage imageNamed:shop.icon];
//2    title.text = [shop name];
//2    desc.text = [shop desc];

//3    _imageView.image = [UIImage imageNamed:shop.icon];
//3    _titles.text = [shop name];
//3    _descs.text = [shop desc];

[cell setShop:shop];
if (shop.isChecked) {
cell.accessoryType = UITableViewCellAccessoryCheckmark;
}else
cell.accessoryType = UITableViewCellAccessoryNone;
return cell;
}

- (CGFloat)tableView:(UITableView *)tableView heightForRowAtIndexPath:(NSIndexPath *)indexPath
{
return 80;
}

- (void)tableView:(UITableView *)tableView didSelectRowAtIndexPath:(NSIndexPath *)indexPath
{
NSInteger clickIndex = indexPath.row;
Shop * shop = _shops[clickIndex];
BOOL b = shop.isChecked;
shop.isChecked = !b;
[_tableView reloadData];
}

#pragma mark 删除按钮的动作
- (IBAction)remove:(UIBarButtonItem *)sender
{
int i = 0;
for (;i < _shops.count;) {
Shop * shop = _shops[i];
if (shop.isChecked) {
[_shops removeObjectAtIndex:i];
i = 0;
}else i ++;
}
[_tableView reloadData];
}

#pragma mark 反选按钮的动作
- (IBAction)allPickAction:(id)sender {
for (Shop * shop in _shops) {
BOOL b = shop.isChecked;
shop.isChecked = !b;
}
[_tableView reloadData];
}

#pragma mark 编辑按钮的动作
- (IBAction)edit:(UIBarButtonItem *)sender {
//_tableView.editing = !self.tableView.editing;
[_tableView setEditing:!self.tableView.editing animated:YES];
}

#pragma mark 删除对应的行  滑动删除的方法
- (void) tableView:(UITableView *)tableView commitEditingStyle:(UITableViewCellEditingStyle)editingStyle forRowAtIndexPath:(NSIndexPath *)indexPath
{
// 从数据源删除
[_shops removeObjectAtIndex:indexPath.row];

// 刷新数据
[_tableView deleteRowsAtIndexPaths:[NSArray arrayWithObject:indexPath] withRowAnimation:UITableViewRowAnimationTop];
}

#pragma mark 编辑模式下移动行要实现的方法
- (void) tableView:(UITableView *)tableView moveRowAtIndexPath:(NSIndexPath *)sourceIndexPath toIndexPath:(NSIndexPath *)destinationIndexPath
{
Shop * s = _shops[sourceIndexPath.row];
// 先删除源
[_shops removeObjectAtIndex:sourceIndexPath.row];
// 再插入到目的
[_shops insertObject:s atIndex:destinationIndexPath.row];
// 刷新数据
}
@end

在- (NSInteger)tableView:(UITableView *)tableViewnumberOfRowsInSection:(NSInteger)section方法中的数字表示使用了四种方式达到相同的目的。方式2和Android里面的思路一致。最终采用的方式可以实现松耦合有利于代码以后的重新利用。

1表示使用系统自带的cell作为每一行的布局。

2表示加载自定义的xib文件，然后通过顺序或者tag找到每个子控件赋值。

3表示加载xib然后通过连线的方式找到子控件进行设置，file owner设置为控制器类。

最终采用的方式是自定义UITableViewCell，将xib对应的类修改为自己的类，连线。fileowner设置为nil。