【Xcodeメモ】（012） カスタムセルの作成

１．New File > iOS > User Interface > Emptyを作成する。

２．名前はCCel.xibにした。




３．Table View CellをCCel.xibに追加する。
４．Table View CellにLabelを追加する(他のコントロールでもOK)。

５．New File > Cocoa Touch > Objectiv-C classを選択

６．UITableViewCellをサブクラスにする。

７．Story Boad上でTable View CellのCustom Class に上で作成したTableViewCellクラスを指定する。



８．Table View Cell上に配置したLabelのプロパティを TableViewCell.hに定義する。

９．ViewController.hにカスタムセルのヘッダファイルをimportする。

#import <UIKit/UIKit.h>
#import "TableViewCell.h"

@interface ViewController : UIViewController<UITableViewDelegate, UITableViewDataSource>
@property (weak, nonatomic) IBOutlet UITableView *tbl_MyTable;

@end

１０．カスタムセル(xib)をテーブルに設定する。

- (void)viewDidLoad
{
    [super viewDidLoad];
	// Do any additional setup after loading the view, typically from a nib.
    
    /* UITableViewDelegate、dataSourceのデリゲートを指定 */
    self.tbl_MyTable.delegate = self;
    self.tbl_MyTable.dataSource = self;
    
    self.dataSource = @[@"１行目", @"２行目",@"３行目"]; // テーブルデータを設定
    
    /* カスタムセル（xib）をテーブルに設定する */
    UINib *nib = [UINib nibWithNibName:@"CCel" bundle:nil];  // @"CCel"はカスタムセルのクラス名？
    [self.tbl_MyTable registerNib:nib forCellReuseIdentifier:@"cell"];
    
}

１１．cellForRowAtIndexPathメソッドにカスタムセルに値を設定する処理を記述する。

- (UITableViewCell *)tableView:(UITableView *)tableView cellForRowAtIndexPath:(NSIndexPath *)indexPath;
{

    TableViewCell *cell = [tableView dequeueReusableCellWithIdentifier:@"cell"];
    
    // CellにdataSourceの値を設定
    cell.Label.text = self.dataSource[indexPath.row];
    
    return cell;
}

↓実行結果

おわり。    

この記事を読んだ方はこの記事も読まれています

• 【Xcodeメモ】（011） テーブルの追加（UITableViewの場合）
• 【Xcodeメモ】（007）Navigation Barの追加方法
• Androidでライツアウト
• 【Titaniumメモ】（006）TiShadowをGruntで自動化
• 【Xcodeメモ】（003）画面にオブジェクトを配置