自定义UITableViewCell

@interface CustomCell : UITableViewCell

@property (nonatomic, retain) IBOutlet UIImageView *tripPhoto;
@property (nonatomic, retain) IBOutlet UILabel *tripName;

@end

 

#import "CustomCell.h"

@implementation CustomCell

@synthesize tripPhoto, tripName;

@end

同时定义4种类型的自定义单元格的.xib文件，分别是：

TopRow.xib　　　  （最上面一行）

MiddleRow.xib　　 （中间某行）

BottomRow.xib　　（最下面一行）

SingleRow.xib　　 （单独一行）

 

#import "SurfsUpViewController.h"
#import "CustomCell.h"
#import "PlaceholderViewController.h"

NSString * const REUSE_ID_TOP = @"TopRow";
NSString * const REUSE_ID_MIDDLE = @"MiddleRow";
NSString * const REUSE_ID_BOTTOM = @"BottomRow";
NSString * const REUSE_ID_SINGLE = @"SingleRow";

@implementation SurfsUpViewController


#pragma mark 根据行标记取标题
- (NSString *)tripNameForRowAtIndexPath:(NSIndexPath *)indexPath{
    switch (indexPath.row){
        case 0:
            return @"Kuta, Bali";
            break;
        case 1:
            return @"Lagos, Portugal";
            break;
        case 2:
            return @"Waikiki, Hawaii";
            break;
    }
    return @"-";
}

#pragma mark 根据行标记取图片
- (UIImage *)tripPhotoForRowAtIndexPath:(NSIndexPath *)indexPath{
    switch (indexPath.row){
        case 0:
            return [UIImage imageNamed:@"surf1.png"];
            break;
        case 1:
            return [UIImage imageNamed:@"surf2.png"];
            break;
        case 2:
            return [UIImage imageNamed:@"surf3.png"];
            break;
    }
    return nil;
}

#pragma mark 根据行标记取唯一标示
- (NSString *)reuseIdentifierForRowAtIndexPath:(NSIndexPath *)indexPath{
    NSInteger rowCount = [self tableView:[self tableView] numberOfRowsInSection:0];
    NSInteger rowIndex = indexPath.row;
    
    if (rowCount == 1){
        return REUSE_ID_SINGLE;     // 单独一行
    }
    
    if (rowIndex == 0){
        return REUSE_ID_TOP;       // 第一行
    }
    
    if (rowIndex == (rowCount - 1)){    // 最后一行
        return REUSE_ID_BOTTOM;
    }
    return REUSE_ID_MIDDLE;         // 中间某行
}

#pragma mark 根据行标记返回“默认”状态下的单元格背景图
- (UIImage *)backgroundImageForRowAtIndexPath:(NSIndexPath *)indexPath
{
    NSString *reuseID = [self reuseIdentifierForRowAtIndexPath:indexPath];
    if ([REUSE_ID_SINGLE isEqualToString:reuseID] == YES)
    {
        UIImage *background = [UIImage imageNamed:@"table_cell_single.png"]; 
        return [background resizableImageWithCapInsets:UIEdgeInsetsMake(0.0, 43.0, 0.0, 64.0)];
    }
    else if ([REUSE_ID_TOP isEqualToString:reuseID] == YES)
    {
        UIImage *background = [UIImage imageNamed:@"table_cell_top.png"]; 
        return [background resizableImageWithCapInsets:UIEdgeInsetsMake(0.0, 43.0, 0.0, 64.0)];
    }
    else if ([REUSE_ID_BOTTOM isEqualToString:reuseID] == YES)
    {
        UIImage *background = [UIImage imageNamed:@"table_cell_bottom.png"]; 
        return [background resizableImageWithCapInsets:UIEdgeInsetsMake(0.0, 34.0, 0.0, 35.0)];
    }
    else    // REUSE_ID_MIDDLE
    {
        UIImage *background = [UIImage imageNamed:@"table_cell_mid.png"]; 
        return [background resizableImageWithCapInsets:UIEdgeInsetsMake(0.0, 30.0, 0.0, 30.0)];
    }
}

#pragma mark 根据行标记返回“选中”状态下的单元格背景图
- (UIImage *)selectedBackgroundImageForRowAtIndexPath:(NSIndexPath *)indexPath
{
    NSString *reuseID = [self reuseIdentifierForRowAtIndexPath:indexPath];
    if ([REUSE_ID_SINGLE isEqualToString:reuseID] == YES){
        UIImage *background = [UIImage imageNamed:@"table_cell_single_sel.png"]; 
        return [background resizableImageWithCapInsets:UIEdgeInsetsMake(0.0, 43.0, 0.0, 64.0)];
    }
    else if ([REUSE_ID_TOP isEqualToString:reuseID] == YES){
        UIImage *background = [UIImage imageNamed:@"table_cell_top_sel.png"]; 
        return [background resizableImageWithCapInsets:UIEdgeInsetsMake(0.0, 43.0, 0.0, 64.0)];
    }
    else if ([REUSE_ID_BOTTOM isEqualToString:reuseID] == YES){
        UIImage *background = [UIImage imageNamed:@"table_cell_bottom_sel.png"]; 
        return [background resizableImageWithCapInsets:UIEdgeInsetsMake(0.0, 34.0, 0.0, 35.0)];
    }
    else{    // REUSE_ID_MIDDLE
        UIImage *background = [UIImage imageNamed:@"table_cell_mid_sel.png"]; 
        return [background resizableImageWithCapInsets:UIEdgeInsetsMake(0.0, 30.0, 0.0, 30.0)];
    }
}

#pragma mark 注册不同的Nib单元格
- (void)registerNIBs{
    NSBundle *classBundle = [NSBundle bundleForClass:[CustomCell class]];           //  得到CustomCell类的Bundle文件
    
    UINib *topNib = [UINib nibWithNibName:REUSE_ID_TOP bundle:classBundle];         //  根据特定Bundle和Nib文件名创建UINib文件
    [[self tableView] registerNib:topNib forCellReuseIdentifier:REUSE_ID_TOP];      //  将此UINib文件注册给特定单元格
    
    UINib *middleNib = [UINib nibWithNibName:REUSE_ID_MIDDLE bundle:classBundle];    
    [[self tableView] registerNib:middleNib forCellReuseIdentifier:REUSE_ID_MIDDLE];
    
    UINib *bottomNib = [UINib nibWithNibName:REUSE_ID_BOTTOM bundle:classBundle];    
    [[self tableView] registerNib:bottomNib forCellReuseIdentifier:REUSE_ID_BOTTOM];
    
    UINib *singleNib = [UINib nibWithNibName:REUSE_ID_SINGLE bundle:classBundle];    
    [[self tableView] registerNib:singleNib forCellReuseIdentifier:REUSE_ID_SINGLE];    
}

#pragma mark - View lifecycle

- (void)viewDidLoad {
    [super viewDidLoad];
    
    [self registerNIBs];  // 注册4种不用的单元格
    
    [self.tableView setSeparatorStyle:UITableViewCellSeparatorStyleNone];  // 设置单元格之间的分割线样式
    [self.tableView setBackgroundView:[[UIImageView alloc] initWithImage:[UIImage imageNamed:@"bg_sand.png"]]]; // 设置表格背景
}

#pragma mark - UITableViewCell

- (void)configureCell:(CustomCell *)cell forRowAtIndexPath:(NSIndexPath *)indexPath{
    [[cell tripPhoto] setImage:[self tripPhotoForRowAtIndexPath:indexPath]]; // 根据行标志设置单元格的图片
    [[cell tripName] setText:[self tripNameForRowAtIndexPath:indexPath]];    // 根据行标示设置单元格的标题
    
    CGRect cellRect = [cell frame];     // 得到单元格尺寸
    UIImageView *backgroundView = [[UIImageView alloc] initWithFrame:cellRect];     // 定义背景图View
    [backgroundView setImage:[self backgroundImageForRowAtIndexPath:indexPath]];    // 根据行标记得到背景图片，然后设置单元格背景View
    [cell setBackgroundView:backgroundView];        // 将UIImageView赋值给单元格“默认”时的背景
    
    UIImageView *selectedBackgroundView = [[UIImageView alloc] initWithFrame:cellRect];
    [selectedBackgroundView setImage:[self selectedBackgroundImageForRowAtIndexPath:indexPath]];     
    [cell setSelectedBackgroundView:selectedBackgroundView];  // 同理设置单元格“选中”时的背景
}

#pragma mark - UITableViewDataSource

- (UITableViewCell *)tableView:(UITableView *)tableView cellForRowAtIndexPath:(NSIndexPath *)indexPath
{
    NSString *reuseID = [self reuseIdentifierForRowAtIndexPath:indexPath];      // 根据行标记返回特定标示
    UITableViewCell *cell = [[self tableView] dequeueReusableCellWithIdentifier:reuseID];  // 根据特定标示得到单元格
    [self configureCell:(CustomCell *)cell forRowAtIndexPath:indexPath];        
    return cell;
}

#pragma mark - UITableViewDelegate

- (CGFloat)tableView:(UITableView *)tableView heightForRowAtIndexPath:(NSIndexPath *)indexPath
{
    UITableViewCell *cell = [self tableView:[self tableView] cellForRowAtIndexPath:indexPath];
    return [cell frame].size.height;
}

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

- (NSInteger)tableView:(UITableView *)tableView numberOfRowsInSection:(NSInteger)section{
    return 3;
}