ささブログ

この人は心が少年ジャンプなんだ、と言われた。そうだよ。いいじゃん。これからもずっとな!!

Home » スマートフォンアプリ開発 » 【Xcodeメモ】(012) カスタムセルの作成

【Xcodeメモ】(012) カスタムセルの作成

calendar

reload

【Xcodeメモ】(012) カスタムセルの作成

1.New File > iOS > User Interface > Emptyを作成する。

140518-0010
2.名前はCCel.xibにした。


140518-0011140518-0012

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

140518-0020

5.New File > Cocoa Touch > Objectiv-C classを選択

140518-0015

6.UITableViewCellをサブクラスにする。140518-0016

140518-0017

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

140518-0018

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

140518-0019

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

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

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

@end

10.カスタムセル(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 = @[@"1行目", @"2行目",@"3行目"]; // テーブルデータを設定
    
    /* カスタムセル(xib)をテーブルに設定する */
    UINib *nib = [UINib nibWithNibName:@"CCel" bundle:nil];  // @"CCel"はカスタムセルのクラス名?
    [self.tbl_MyTable registerNib:nib forCellReuseIdentifier:@"cell"];
    
}

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

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

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

↓実行結果

スクリーンショット 2014-05-18 23.14.44

おわり。    

応援嬉しいです^^ にほんブログ村 IT技術ブログ iPhoneアプリ開発へ

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

この記事をシェアする

コメント

コメントはありません。

down コメントを残す