iOS开发之UITableView及cell重用

1UITanleview有的两种风格

一种是Plain,一种是Grouped,可以从这里设置风格:

他们样式分别如下:

Plain:

Grouped:

2tableView展示数据的过程:

 

 

(1)首先,控制器要遵守UITableViewDataSource协议

@interface ViewController () <UITableViewDataSource>

(2)调用数据源的下面方法得知一共有多少组数据

- (NSInteger)numberOfSectionsInTableView:(UITableView *)tableView;

(3)调用数据源的下面方法得知每一组有多少行数据

- (NSInteger)tableView:(UITableView *)

tableView numberOfRowsInSection:(NSInteger)section;

(4)调用数据源的下面方法得知每一行显示什么内容

- (UITableViewCell *)tableView:(UITableView *)

tableView cellForRowAtIndexPath:(NSIndexPath *)indexPath;

(5)设置分组头部标题

- (NSString *)tableView:(UITableView *)

tableView titleForHeaderInSection:(NSInteger)section;

(6)设置分组尾部标题

- (NSString *)tableView:(UITableView *)

tableView titleForFooterInSection:(NSInteger)section;

(7)滑动删除

/**

 *  如果实现了这个方法,就自动实现了滑动删除的功能

 *  点击了删除按钮就会调用

 *  提交了一个编辑操作就会调用(操作:删除\添加)

 *  @param editingStyle 编辑的行为

 *  @param indexPath    操作的行号

 */

- (void)tableView:(UITableView *)tableView commitEditingStyle:

(UITableViewCellEditingStyle)editingStyle forRowAtIndexPath:

(NSIndexPath *)indexPath

{

    if (editingStyle == UITableViewCellEditingStyleDelete) { // 提交的是删除操作,默认就是传的删除

        // 1.删除模型数据

        [self.contacts removeObjectAtIndex:indexPath.row];

       

        // 2.刷新表格

        // 局部刷新某些行(使用前提:模型数据的行数不变)

        [self.tableView deleteRowsAtIndexPaths:@[indexPath]

withRowAnimation:UITableViewRowAnimationTop];

       

        // 3.归档

        [NSKeyedArchiver archiveRootObject:self.contacts toFile:

MJContactsFilepath];

    } else if (editingStyle == UITableViewCellEditingStyleInsert) {

        // 1.修改模型数据

        MJContact *contact = [[MJContact alloc] init];

        contact.name = @"jack";

        contact.phone = @"10086";

        [self.contacts insertObject:contact atIndex:indexPath.row + 1];

        

        // 2.刷新表格

        NSIndexPath *nextPath =

[NSIndexPath indexPathForRow:indexPath.row + 1 inSection:0];

        [self.tableView insertRowsAtIndexPaths:@[nextPath] withRowAnimation:UITableViewRowAnimationBottom];

// [self.tableView reloadData];

    }

}

例如:

#import "ViewController.h"

 

@interface ViewController () <UITableViewDataSource>

@property (weak, nonatomic) IBOutlet UITableView *tableView;

 

@end

 

@implementation ViewController

 

- (void)viewDidLoad

{

    [super viewDidLoad];

    // 设置数据源

    self.tableView.dataSource = self;

}

 

#pragma mark - 数据源方法

/**

 *  一共有多少组数据

 */

- (NSInteger)numberOfSectionsInTableView:(UITableView *)tableView

{

    return 2;

}

 

/**

 *  第section组有多少行

 */

- (NSInteger)tableView:(UITableView *)

tableView numberOfRowsInSection:(NSInteger)section

{

    if (section == 0) {

        return 3;

    } else {

        return 4;

    }

}

 

/**

 *  每一行显示怎样的内容(cell)

 */

- (UITableViewCell *)tableView:(UITableView *)

tableView cellForRowAtIndexPath:(NSIndexPath *)indexPath

{

UITableViewCell *cell = [[UITableViewCell alloc]

initWithStyle:UITableViewCellStyleDefault reuseIdentifier:nil];

   

    if (indexPath.section == 0) { // 家禽(第0组)

        if (indexPath.row == 0) { // 第0组的第0行

            cell.textLabel.text = @"鸡";

        } else if (indexPath.row == 1) { // 第0组的第1行

            cell.textLabel.text = @"鸭";

        } else if (indexPath.row == 2) {

            cell.textLabel.text = @"鹅";

        }

       

    } else if (indexPath.section == 1) { // 水果(第1组)

        if (indexPath.row == 0) { // 第1组的第0行

            cell.textLabel.text = @"苹果";

        } else if (indexPath.row == 1) { // 第1组的第1行

            cell.textLabel.text = @"橘子";

        } else if (indexPath.row == 2) {

            cell.textLabel.text = @"香蕉";

        } else if (indexPath.row == 3) {

            cell.textLabel.text = @"西瓜";

        }

    }

    return cell;

}

/**

 *  第section组显示怎样的头部标题

 */

- (NSString *)tableView:(UITableView *)

tableView titleForHeaderInSection:(NSInteger)section

{

    if (section == 0) {

        return @"家禽类";

    } else if (section == 1) {

        return @"水果类";

    }

}

 

/**

 *  第section组显示怎样的尾部标题

 */

- (NSString *)tableView:(UITableView *)

tableView titleForFooterInSection:(NSInteger)section

{

    if (section == 0) {

        return @"这是家禽类结尾";

    } else if(section == 1) {

        return @"这是水果类结尾";

    }

}

@end

(7)设置行高的两种方法:

方法一:直接调用rowHeight方法

self.tableView.rowHeight = 60;

方法二,使用代理

首先通过连线或者用self.tableView.delegate = self;代码设置代理,然后使ViewController遵守UITableViewDelegate协议。之后调用下列方法直接返回行高即可:

-(CGFloat)tableView:(UITableView *)tableView heightForRowAtIndexPath:

(NSIndexPath *)indexPath

{

    return 60;

}

3Cell简介

UITableView的每一行都是一个UITableViewCell,通过dataSource的tableView:cellForRowAtIndexPath:方法来初始化每一行。

UITableViewCell内部有个默认的子视图:contentView,contentView是UITableViewCell所显示内容的父视图,可显示一些辅助指示视图。

辅助指示视图的作用是显示一个表示动作的图标,可以通过设置UITableViewCell的accessoryType来显示,默认是UITableViewCellAccessoryNone(不显示辅助指示视图),其他值如下:

 

还可以通过cell的accessoryView属性来自定义辅助指示视图(比如往右边放一个开关)

4UITableViewCellcontentView

contentView下默认有3个子视图:

其中2个是UILabel(通过UITableViewCell的textLabel和detailTextLabel属性访问)

第3个是UIImageView(通过UITableViewCell的imageView属性访问)

UITableViewCell还有一个UITableViewCellStyle属性,用于决定使用contentView的哪些子视图,以及这些子视图在contentView中的位置

5、给UITableView设置背景

// 设置背景(背景view不用设置尺寸, backgroundView的优先级 > backgroundColor)

    UIImageView *bgView = [[UIImageView alloc] init];

    bgView.image = [UIImage imageNamed:@"buttondelete"];

    cell.backgroundView = bgView;

    //点击时的颜色

    UIView *selectedbgView = [[UIView alloc] init];

    selectedbgView.backgroundColor = [UIColor greenColor];

    cell.selectedBackgroundView = selectedbgView;

6、设置UITableView分割线属性

注意apple里RGB值输入的是比例,而且是Float型,比如RGB(255,0,255)应按如下输入:

self.tableView.separatorColor = [UIColor colorWithRed:255/255.0 green:255/255.0 blue:0 alpha:255/255.0];

设置风格,比如无分割线

self.tableView.separatorStyle = UITableViewCellSeparatorStyleNone;

7、在最顶部底部放置控件

表格的头部控件(直接显示表格的最顶部)

self.tableView.tableHeaderView =

[UIButton buttonWithType:UIButtonTypeContactAdd];

self.tableView.tableHeaderView = [[UISwitch alloc] init];//底部放置控件

self.tableView.tableFooterView = [[UISwitch alloc] init];//底部放置控件

8Cell的重用原理

每次有新的一行进入屏幕,都会调用UITableViewCell *cell = [[UITableViewCell alloc] initWithStyle:UITableViewCellStyleDefault reuseIdentifier:nil]方法,新创建一这个新的行,当往回拖UITableView时,以前的行又会进入屏幕,这时又会再一次创建一个新的这一行并分配新的内存,但最后那些不用的行会最终被销毁,其实最消耗内存的其实是创建和销毁这个过程,创建、销毁速度太快会使内存飙升。

iOS设备的内存有限,如果用UITableView显示成千上万条数据,就需要成千上万个UITableViewCell对象的话,那将会耗尽iOS设备的内存。要解决该问题,需要重用UITableViewCell对象

重用原理:当滚动列表时,部分UITableViewCell会移出窗口,UITableView会将窗口外的UITableViewCell放入一个对象池中,等待重用。当UITableView要求dataSource返回UITableViewCell时,dataSource会先查看这个对象池,如果池中有未使用的UITableViewCell,dataSource会用新的数据配置这个UITableViewCell,然后返回给UITableView,重新显示到窗口中,从而避免创建新对象。

 

还有一个非常重要的问题:有时候需要自定义UITableViewCell(用一个子类继承UITableViewCell),而且每一行用的不一定是同一种UITableViewCell,所以一个UITableView可能拥有不同类型的UITableViewCell,对象池中也会有很多不同类型的UITableViewCell,那么UITableView在重用UITableViewCell时可能会得到错误类型的UITableViewCell

解决方案:UITableViewCell有个NSString *reuseIdentifier属性,可以在初始化UITableViewCell的时候传入一个特定的字符串标识来设置reuseIdentifier(一般用UITableViewCell的类名)。当UITableView要求dataSource返回UITableViewCell时,先通过一个字符串标识到对象池中查找对应类型的UITableViewCell对象,如果有,就重用,如果没有,就传入这个字符串标识来初始化一个UITableViewCell对象

Cell的重用示例代码:

- (UITableViewCell *)tableView:(UITableView *)tableView cellForRowAtIndexPath:(NSIndexPath *)indexPath

{

    // 1.定义一个cell的标识

      static NSString *ID = @"mjcell";

   

    // 2.从缓存池中取出cell

      UITableViewCell *cell =

[tableView dequeueReusableCellWithIdentifier:ID];

   

    // 3.如果缓存池中没有cell

      if (cell == nil) {

        cell = [[UITableViewCell alloc]

initWithStyle:UITableViewCellStyleSubtitle reuseIdentifier:ID];

    }

   

    // 4.设置cell的属性...

   

      return cell;

}

9、为 UITableView添加右侧索引条

- (NSArray *)sectionIndexTitlesForTableView:(UITableView *)tableView

{

    return [self.groups valueForKeyPath:@"title"];

}

在其中返回一个数组,return [self.groups valueForKeyPath:@"title"];代表从self.groups中取“title”的值赋值给索引名称,点击索引,会根据索引顺序使UITableView跳到对应顺序section。

10、监听UITableView的选中

首先要把ViewController设置为UITableView的代理,并使ViewController遵守UITableViewDelegate协议。主要常用下面两个方法:

- (void)tableView:(UITableView *)tableView didSelectRowAtIndexPath:

(NSIndexPath *)indexPath;------选中行时调用

- (void)tableView:(UITableView *)tableView didDeselectRowAtIndexPath:

(NSIndexPath *)indexPath;------取消选中时候调用

11UITableView数据刷新

全局刷新:

[self.tableView reloadData];

局部刷新:

NSIndexPath *path = [NSIndexPath indexPathForRow:row inSection:0];

[self.tableView reloadRowsAtIndexPaths:@[path] withRowAnimation:

UITableViewRowAnimationBottom];//刷新第0组的第row行

转载于:https://www.cnblogs.com/lifengfneg/p/4773837.html

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值