IOS 表视图(UITableVIew)的使用方法(4)自定义表视图单元

UITableViewCell的自定义往往需要自建一个UITableViewCell的子类后进行作业。开发者可以选择通过xib或者直接在UITableViewCell的布局中进行UITableViewCell的自定义。这节会采用更直观易懂的xib方式。

(1)新建一个UITableViewCell的子类取名为CustomCell,并且为CustomCell类勾选“xib文件的关联”，CustomCell的xib设计如图所示：

注意：灰色的右箭头不是我们拖入的控件，而是UITableView的属性配置。在新建俩个类文件HBCustomCell.h和HBCustomCell.m，在CumtomView.xib中，把tableViewCell的类选定为HBCustomCell,如图：

在storyboard 中，在tableviewcontroller中，点击tableviewCell，让其类也写成HBCustomCell

(2)完成CustomCell的声明和基本内容撰写。

#import <UIKit/UIKit.h>

@interface HBCustomCell : UITableViewCell
@property (weak, nonatomic) IBOutlet UILabel *playerNumber;
@property (weak, nonatomic) IBOutlet UILabel *playerName;
@property (weak, nonatomic) IBOutlet UILabel *playerRole;
@property (weak, nonatomic) IBOutlet UIImageView *playerPhoto;

(3)完成TableViewController的声明和基本内容撰写  

   新建一个继承自SimpleTabelViewController的子类名为CustomLayoutViewController。本节考虑让UITableViewCell 可以响应点击事件，并且自定义一切UITableViewCell的信息，所以需要重写initUI方法。

-(void)initUI
{
    [super initUI];
    
    //表单元可点击
    self.tableView.allowsSelection = YES;
    //表单元高度
    self.tableView.rowHeight = 44.0f;
}

(4)完成自定义行单元的现实工作

-(UITableViewCell *)tableView:(UITableView *)tableView cellForRowAtIndexPath:(NSIndexPath *)indexPath
{
    static NSString *CellIdentifier = @"customTableViewCellId";
    
    HBCustomCell *cell = (HBCustomCell *)[tableView dequeueReusableCellWithIdentifier:CellIdentifier];
    if(cell == nil)
    {
        NSArray *arrNib=[[NSBundle mainBundle]loadNibNamed:@"CustomView" owner:self options:nil];
        if(arrNib)
        {
            //第一个元素就是需要的UITableViewCell
            cell=(HBCustomCell *)[arrNib objectAtIndex:0];
        }
    }
    
    //配置UITableViewCell
    HBPlayerInfo *onePlayer=[self.datasource objectAtIndex:indexPath.row];
    if(onePlayer)
    {
        cell.playerName.text=onePlayer.name;
        cell.playerRole.text=onePlayer.role;
        cell.playerNumber.text=[NSString stringWithFormat:@"No.%@",onePlayer.number];
        cell.playerPhoto.image=[UIImage imageNamed:@"gaolin.jpeg"];
    }
    return cell;
}

这里对于xib的读取并不像UIViewController提供的接口那样，而是使用最直接的xib读取方式loadNibNamed，这个方法成功后往往会得到一个xib中所有主要元素的列表

(5)完成点击事件的响应

UITableViewCell收到事件后会通过代理回调函数通知到代理对象处，所以开发者需要实现代理函数如下：

#pragma mark -
#pragma mark Table View delegate
-(void)tableView:(UITableView *)tableView didSelectRowAtIndexPath:(NSIndexPath *)indexPath
{
    //反选
    [self.tableView deselectRowAtIndexPath:indexPath animated:YES];
    
    //做些响应的事情
    HBPlayerInfo *onePlayer = [self.datasource objectAtIndex:indexPath.row];
    NSString *str=[NSString stringWithFormat:@"我是：%@", onePlayer.name];
    UIAlertView *alert=[[UIAlertView alloc]initWithTitle:@"嗨！" message:str delegate:self cancelButtonTitle:@"OK" otherButtonTitles: nil];
    [alert show];
}

//蓝色右箭头的点击事件
-(void)tableView:(UITableView *)tableView accessoryButtonTappedForRowWithIndexPath:(NSIndexPath *)indexPath
{
    [self tableView:tableView didSelectRowAtIndexPath:indexPath];
}

运行程序如下：