自定義UITableViewCell

@interface CustomCell : UITableViewCell 2 
@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;
}