自定义UITableViewCell（一）

使用自定cell可以更加灵活的控制table中每个cell的布局显示等，因为table中的每个cell也是一个视图，可以自己控制往里面放什么样的视图。

使用xib和代码创建都大同小异。

1. 首先新建一个viewController继承自UIViewController，并实现<UITableViewDataSource,UITableViewDelegate>这两个接口（代理和数据源）。
2. 然后在xib文件中将一个table View视图拖入View中，并在链接检查器中将其数据源和代理连接至File's Owner指定代理和数据源位自身所对应的控制器。
3. 新建一个cell继承自UITableViewCell，并新建一个Empty的User Interface。在该xib中只有File' owner和First Responder。从库中拖一个Table View Cell到GUI布局区中。然后选中该cell并选择属性检查器，填写Identifier值。该标示符用于在获取重用单元格时，确保得到正确的类型。
4. 然后可以在该cell中自定义各种视图。并管理输出口到.h或.m文件中。并设置对应的属性。
5. 重写属性的set方法。
6. 实现viewController中的代理方法。

下面列出代码：

#import <UIKit/UIKit.h>

@interface BIDViewController : UIViewController <UITableViewDataSource, UITableViewDelegate>

@property (strong, nonatomic) NSArray *computers;

@end

#import "BIDViewController.h"
#import "BIDNameAndColorCell.h"

@interface BIDViewController ()

@end

@implementation BIDViewController

- (void)viewDidLoad
{
    [super viewDidLoad];
    // Do any additional setup after loading the view, typically from a nib.
    
    NSDictionary *row1 = [[NSDictionary alloc] initWithObjectsAndKeys:@"MacBook",@"Name",@"White",@"Color", nil];
    NSDictionary *row2 = [[NSDictionary alloc] initWithObjectsAndKeys:@"MacBook Pro",@"Name",@"Siliver",@"Color", nil];
    NSDictionary *row3 = [[NSDictionary alloc] initWithObjectsAndKeys:@"iMac",@"Name",@"Siliver",@"Color", nil];
    NSDictionary *row4 = [[NSDictionary alloc] initWithObjectsAndKeys:@"Mac Mini",@"Name",@"Siliver11111111111111111111111111111111111111111111111111111111111Siliver11111111111111111111111111111111111111111111111111111111111Siliver11111111111111111111111111111111111111111111111111111111111Siliver11111111111111111111111111111111111111111111111111111111111Siliver11111111111111111111111111111111111111111111111111111111111Siliver11111111111111111111111111111111111111111111111111111111111Siliver11111111111111111111111111111111111111111111111111111111111",@"Color", nil];
    NSDictionary *row5 = [[NSDictionary alloc] initWithObjectsAndKeys:@"Mac Pro",@"Name",@"Siliver",@"Color", nil];
    
    self.computers = [[NSArray alloc] initWithObjects:row1,row2,row3,row4,row5, nil];
   
}

-(void)viewDidUnload{
    [super viewDidUnload];
    self.computers = nil;
}

- (void)didReceiveMemoryWarning
{
    [super didReceiveMemoryWarning];
    // Dispose of any resources that can be recreated.
}

#pragma mark -
#pragma mark Table Data Source Methods
-(NSInteger)tableView:(UITableView *)tableView numberOfRowsInSection:(NSInteger)section{
    return [self.computers count];
}

-(UITableViewCell *)tableView:(UITableView *)tableView cellForRowAtIndexPath:(NSIndexPath *)indexPath{
    //cell的标示符
    static NSString *CellTableIdentifier = @"CellTableIdentifier";
    //用于辨别是否对该table注册了cell
    static BOOL nibsRegistered = NO;
    if (!nibsRegistered) {
        //没有注册，则对该tableView注册一个指定的cell，一般只有第一次的时候注册
        UINib *nib = [UINib nibWithNibName:@"BIDNameAndColorCell" bundle:nil];
        [tableView registerNib:nib forCellReuseIdentifier:CellTableIdentifier];
        nibsRegistered = YES;
    }
    //根据cell标示符，列出一个可重用的cell
    BIDNameAndColorCell *cell = [tableView dequeueReusableCellWithIdentifier:CellTableIdentifier];
    if (cell == nil) {
        //若已经没有可重用的cell了，就再创建一个
        cell = [[BIDNameAndColorCell alloc] initWithStyle:UITableViewCellStyleDefault reuseIdentifier:CellTableIdentifier];
    }
    
    //根据行数对cell进行赋值
    NSUInteger row = [indexPath row];
    NSDictionary *rowData = [self.computers objectAtIndex:row];
    
    cell.name = [rowData objectForKey:@"Name"];
    cell.color = [rowData objectForKey:@"Color"];
    
    return cell;
}


#pragma mark -
#pragma mark Table Delegate Methods
-(CGFloat)tableView:(UITableView *)tableView heightForRowAtIndexPath:(NSIndexPath *)indexPath{
    NSInteger row =  [indexPath row];

    
    NSString *colorStr = [[self.computers objectAtIndex:row] objectForKey:@"Color"];
    NSString *nameStr = [[self.computers objectAtIndex:row] objectForKey:@"Name"];
    
    UIFont *font = [UIFont systemFontOfSize:17.0f];
    CGSize size = CGSizeMake(212,MAXFLOAT);
    //根据字体大小、允许的高度和宽度，计算出size
    CGSize colorLabelSize = [colorStr sizeWithFont:font constrainedToSize:size lineBreakMode:NSLineBreakByTruncatingTail];
    
    CGSize nameLabelSize = [nameStr sizeWithFont:font constrainedToSize:size lineBreakMode:NSLineBreakByTruncatingTail];


    NSLog(@"name, %f",nameLabelSize.height);
    NSLog(@"color, %f",colorLabelSize.height);
    
    //返回改行内容的总高度
    return colorLabelSize.height + nameLabelSize.height + 20 ;
    
}

@end

#import <UIKit/UIKit.h>

@interface BIDNameAndColorCell : UITableViewCell

@property (copy, nonatomic) NSString *name;
@property (copy, nonatomic) NSString *color;

@property (strong, nonatomic) IBOutlet UILabel *nameLabel;
@property (strong, nonatomic) IBOutlet UILabel *colorLabel;

@end

#import "BIDNameAndColorCell.h"

@implementation BIDNameAndColorCell

@synthesize name;
@synthesize color;
@synthesize nameLabel;
@synthesize colorLabel;

- (id)initWithStyle:(UITableViewCellStyle)style reuseIdentifier:(NSString *)reuseIdentifier
{
    self = [super initWithStyle:style reuseIdentifier:reuseIdentifier];
    if (self) {
        // Initialization code
    }
    return self;
}

- (void)setSelected:(BOOL)selected animated:(BOOL)animated
{
    [super setSelected:selected animated:animated];

    // Configure the view for the selected state
}

//重写set方法，在设置属性的同时，设置label的值
-(void)setName:(NSString *)n{
    if(![n isEqualToString:name]){
        name = [n copy];
        nameLabel.text = name;
    }
}

-(void)setColor:(NSString *)c{
    if(![c isEqualToString:color]){
        color = [c copy];
        colorLabel.text = color;
    }
}

@end