UITableviewcell的详尽

上章我们讲了tableview, 这章我们讲tableview cell  ,其实在数据源,第三步马上就用到cell  是不是重用

1.使用系统自定义的各种UITableViewCell的样式  重用

- (UITableViewCell *)tableView:(UITableView *)tableView cellForRowAtIndexPath:(NSIndexPath *)indexPath{
    static NSString* indentifier = @"cell";
    MyTableCell* cell = [tableView dequeueReusableCellWithIdentifier:indentifier];
    if (!cell) {

 cell = [[[MyTableCell alloc]initWithStyle:UITableViewCellStyleDefault reuseIdentifier:indentifier]autorelease];
    }
    cell.textLabel.text = [_data objectAtIndex:indexPath.row];
    cell.detailTextLabel.text = @"detail";
    cell.imageView.image = [UIImage imageNamed:@"checkmark.png"];
    return cell;
}

UITableViewCellStyle有三种样式

使用UITableViewCellStyleDefault的效果：

UITableViewCellStyleValue1

使用UITableViewCellStyleValue2的效果：

在UITableViewCell内默认是有contentview和accessoryView这两个subview的，contentview中的subview根据不同的cell的style会使用不同的布局。contentview和其中的默认subview会根据cell的编辑状态出现的控件自动缩进，自定义cell时可以把自定义控件添加在contentview中，也可以直接添加到cell中。

2.设置UITableViewCell的属性

      //cell的右边辅助按钮的样式
    cell.accessoryType = UITableViewCellAccessoryCheckmark;
    //自定义cell右边的辅助按钮
    cell.accessoryView = nil;
    //自定义cell的背景
    cell.backgroundView = nil;
    //设置cell的contentview中的detail的文字内容
    cell.detailTextLabel.text = @"";
    //查看cell当前的编辑模式
    int style = cell.editingStyle;
    //设置当cell进入编辑模式时的辅助按钮样式
    cell.editingAccessoryType = UITableViewCellAccessoryDisclosureIndicator;
    //自定义cell进入编辑模式后辅助按钮
    cell.editingAccessoryView = nil;
    //获取cell的缩进级别
    int level = cell.indentationLevel;
    //获取cell的缩进宽度
    float width = cell.indentationWidth;
    //设置cell被选中时的背景
    cell.selectedBackgroundView = nil;
    //设置cell的选中状态样式
    cell.selectionStyle = UITableViewCellSelectionStyleBlue;
    //设置cell的contentview中的textlabel文字内容
    cell.textLabel.text = @"";

3.自定义的UITableViewCell重写父类的方法

//初始化uitableviewcell后，自定义cell添加subview
- (id)initWithStyle:(UITableViewCellStyle)style reuseIdentifier:(NSString *)reuseIdentifier

//当cell被选中时，uitableview内部会自动调用该方法，重写该方法可以在cell被选中时做一些额外的操作
- (void)setSelected:(BOOL)selected animated:(BOOL)animated

//当cell处于高亮状态时，uitableview内部会自动调用该方法，重写该方法可以在cell处于高亮时做一些额外操作
-(void)setHighlighted:(BOOL)highlighted animated:(BOOL)animated

//重写layoutsubviews方法，为了查看当cell改变编辑状态时，有什么subview
-(void)layoutSubviews{

    [super layoutSubviews];
    NSArray* subs = self.subviews;
    for (UIView* sub in subs) {
        NSLog(@"view:%@",sub);
    }
}

当进入删除编辑模式时，cell的subview有一个叫UITableViewCellDeleteConfirmationControl的subview，这代表删除按钮。可以修改该view达到修改删除按钮的位置，大小等属性。

当进入移动编辑模式时，cell的subview有一个叫UITableViewCellReorderControl的subview，这个代表移动按钮。可以修改该view达到修改移动按钮的位置，大小等属性。

当进入插入编辑模式时，cell的subview有一个叫UITableViewCellEditControl的subview，这个代表添加按钮。可以修改该view达到修改添加按钮的位置，大小等属性。

//当cell的状态变为编辑时，uitableview内部会自动调用该方法，重写该方法可以改变cell的布局
-(void)willTransitionToState:(UITableViewCellStateMask)state{
    [super willTransitionToState:state];
}
//当cell的状态变为编辑时，uitableview内部会自动调用该方法，重写该方法可以改变cell的布局
-(void)didTransitionToState:(UITableViewCellStateMask)state{
    [super didTransitionToState:state];
    /*
     typedef NS_OPTIONS(NSUInteger, UITableViewCellStateMask) {
     UITableViewCellStateDefaultMask                     = 0,
     UITableViewCellStateShowingEditControlMask          = 1 << 0,
     UITableViewCellStateShowingDeleteConfirmationMask   = 1 << 1
     };
     */
    //滑动出现的删除按钮state是2的，编辑状态下的删除按钮state是3的
    if (state == UITableViewCellStateShowingDeleteConfirmationMask||state==3) {
        for (UIView *subview in self.subviews) {
            //cell的subview为UITableViewCellDeleteConfirmationControl时，代表是删除按钮
            if ([NSStringFromClass([subview class]) isEqualToString:@"UITableViewCellDeleteConfirmationControl"]) {
                
                UIView *deleteButtonView = subview;
                CGRect f = deleteButtonView.frame;
                f.origin.x -= 50;
                deleteButtonView.frame = f;            }
        }
    }
    //插入和移动的编辑状态state都是1
    else if(state==UITableViewCellStateShowingEditControlMask){
        for (UIView *subview in self.subviews) {
            NSString* type = @"";
            //判断如果cell当前是插入模式，则寻找UITableViewCellEditControl的subview，代表添加按钮
            if (self.editingStyle==UITableViewCellEditingStyleInsert) {
                type = @"UITableViewCellEditControl";
            }
            //否则寻找UITableViewCellReorderControl的subview，代表移动按钮
            else type = @"UITableViewCellReorderControl";
            if ([NSStringFromClass([subview class]) isEqualToString:type]) {
                
                UIView *deleteButtonView = [subview.subviews objectAtIndex:0];
                CGRect f = deleteButtonView.frame;
                f.origin.x -= 50;
                deleteButtonView.frame = f; 
            }
        }

    }

4.UITableViewCell自定义背景颜色

方法1:

通过修改contentview的backgroundcolor

方法2:

创建一个uiview，设置它的backgroundcolor后再添加到cell里

方法3:

通过在- (void)tableView:(UITableView *)tableView willDisplayCell:(UITableViewCell *)cell forRowAtIndexPath:(NSIndexPath *)indexPath的回调中设置cell的backgroundcolor

//创建UITableViewCell        

UITableViewCell *cell = [[UITableViewCellalloc]

initWithStyle:UITableViewCellStyleSubtitlereuseIdentifier:nil];

       

       [cell.textLabel setBackgroundColor:[UIColor clearColor]];//清空标签背景颜色

       

        cell.backgroundView =xx;//设置背景图片

        cell.backgroundVColor =xx;

        cell.selectedBackgroundView = selectedBgView; //设置选中时的背景颜色

 

      

  cell.accessoryView = xxxView; //设置右边视图

   [cell setAccessoryType:UITableViewCellAccessoryNone]; //设置右侧箭头 

 

[self setSelectionStyle:UITableViewCellSelectionStyleNone];//选中样式

cell.selectionStyle = UITableViewCellSelectionStyleBlue;

 

//设置cell的高度

- (CGFloat)tableView:(UITableView *)tableViewheightForRowAtIndexPath:(NSIndexPath *)indexPath

 

contentView下默认有3个子视图，其中的2个是UILabel，通过textLabel和detailTextLabel属性访问，第3个是UIImageView，通过imageView属性访问.

  UITableViewCellStyleDefault,UITableViewCellStyleValue1, UITableViewCellStyleValue2,UITableViewCellStyleSubtitle

/**

单元格优化

 1. 标示符统一，使用static的目的可以保证表格标示符永远只有一个

 2. 首先在缓冲池中找名为"myCell"的单元格对象

 3. 如果没有找到，实例化一个新的cell

 **/

- (UITableViewCell *)tableView:(UITableView *)tableViewcellForRowAtIndexPath:(NSIndexPath *)indexPath{

    static NSString *cellIdentifier = @"myCell";

UITableViewCell *cell = [tableViewdequeueReusableCellWithIdentifier:cellIdentifier];

//使用这种方法不用判断下面的cell

    UITableViewCell *cell = [tableViewdequeueReusableCellWithIdentifier:cellIdentifierforIndexPath:indexPath];

    if (cell == nil) {       

        cell = [[UITableViewCellalloc]initWithStyle:UITableViewCellStyleDefaultreuseIdentifier:cellIdentifier];

    }

return cell;

}

表格的编辑模式

删除、插入

- (void)setEditing:(BOOL)editing animated:(BOOL)animated; 开启表格编辑状态

 

- (UITableViewCellEditingStyle)tableView:(UITableView *)tableView editingStyleForRowAtIndexPath:(NSIndexPath *)indexPath{

       返回表格编辑编辑样式。不实现默认都是删除

return editingStyle : UITableViewCellEditingStyleDelete,UITableViewCellEditingStyleInsert

}

 

- (void)tableView:(UITableView *)tableView commitEditingStyle:(UITableViewCellEditingStyle)editingStyleforRowAtIndexPath:(NSIndexPath *)indexPath{

      //根据editingStyle处理是删除还是添加操作

         完成删除、插入操作刷新表格

- (void)insertRowsAtIndexPaths:(NSArray *)indexPathswithRowAnimation:(UITableViewRowAnimation)animation;

 

-(void)deleteRowsAtIndexPaths:(NSArray *)indexPathswithRowAnimation:(UITableViewRowAnimation)animation;

}

- (void)tableView:(UITableView *)tableView moveRowAtIndexPath:(NSIndexPath *)sourceIndexPathtoIndexPath:(NSIndexPath *)destinationIndexPath

sourceIndexPath 移动的行    

destinationIndexPath 目标的

自定义表格行UITableViewCell

storyboard方式创建：

直接拖到UITableView里面设置UITableViewCell

注意：

1.通过XIB或者Storyboard自定义单元格时，在xib和Storyboard里面需要指定单元格的可重用标示符Identifier

 

2.注意表格的优化中的差别

在Storyboard中两者等效

xxCell *cell =[tableView dequeueReusableCellWithIdentifier:CellIdentifier];

xxCell *cell1 = [tableView dequeueReusableCellWithIdentifier:CellIdentifier forIndexPath:indexPath];

在代码创建中差别： 这是在viewDidload中

用代码创建cell中的处理和nib一样，注册了cell就有系统接管并且可以用带forIndexPath的方法，没有注册就要自己去实例化cell，不能用带forIndexPath的方法

[tableView registerClass:XxxCellclass] forCellReuseIdentifier:@"xxCell"];

 

xib方式创建：

//注册Identifier

- (void)viewDidLoad{

    [super viewDidLoad];

    /**

     注意：以下几句注册XIB的代码，一定要在viewDidLoad中！

     注册XIB文件,获得根视图，并且转换成TableView,为tableView注册xib

     Identifier名要在xib文件中定义，并且保持一致

     **/

    UINib *nib = [UINibnibWithNibName:@"BookCell"bundle:[NSBundlemainBundle]];

    UITableView *tableView = (UITableView *)self.view;

    [tableView registerNib:nibforCellReuseIdentifier:@"bookCell"];   

}

//没有注册Identifier只能使用下面方法

static NSString *CellIdentifier= @"bookCell";

BookCell *cell =[tableView dequeueReusableCellWithIdentifier:CellIdentifier];

if (cell == nil) {

        cell = [[BookCell alloc]initWithStyle:UITableViewCellStyleDefaultreuseIdentifier:CellIdentifier];

        NSBundle *bundle = [NSBundlemainBundle];

        NSArray *array = [bundleloadNibNamed:@"BookCell"owner:nil options:nil];

        cell = [array lastObject];

    }

 

代码方式创建：

1．        建立UITableViewCell的类，继承UITableViewCell

2．        往cell里面加入view的时候注意点：

//新建的组件放入contentView中

[self.contentViewaddSubview:xxView];

//设置图片拉伸属性stretch

UIImage *normalImage = [UIImageimageNamed:@"xx.png"];

normalImage= [normalImage stretchableImageWithLeftCapWidth:

normalImage.size.width /2 topCapHeight:normalImage.size.height /2];

 

//在tableView里面viewDiDLoad里面要注册cell类

[tableView registerClass:XxxCellclass] forCellReuseIdentifier:@"xxCell"];

 

自定义表格中Header

//自定义表格在这个方法中定义

-(UIView *)tableView:(UITableView *)tableView viewForHeaderInSection:(NSInteger)section

-(NSString *)tableView:(UITableView *)tableView titleForHeaderInSection:(NSInteger)section