Custom TableViewCell

การออกแบบ TableCell ใน Table

ขั้นแรกสร้าง UITableView ขึ้นมาก่อน

หลังจากนั้นสร้าง File ใหม่โดย

Add -> New File -> Objective-C class ตรง Subclass of เลือก UITableViewCell

สร้าง Interface FIle (.xib) ออกแบบ UI

สร้าง Outlet กำหนด Property และทำ Synthesize

เข้าไปที่ FIle ViewController.m ที่มี UITableView

#import “MyTableViewCell.h”

ใน Method ของ DataSource

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

เราจะทำการสร้าง UITableViewCell

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

MyTableViewCell *cell = (MyTableViewCell *)[tableView dequeueReusableCellWithIdentifier:@"Cell"];

if (cell == nil) {

NSArray *cellArray = [[NSBundle mainBundle] loadNibNamed:@”TableCell” owner:self options:nil];

for (int i = 0; i < [cellArray count]; ++i) {

id obj = [cellArray objectAtIndex:i];

if ([obj isKindOfClass:[MyTableViewCell class]]) {

cell = obj;

cell.cellLabel.text = [NSString stringWithFormat:@"%d", i];

cell.backgroungImage = [UIImage imageNamed:@"cellBackgroundImage.png"];

}

}

}

return cell;

}

การกำหนดความสูงของ TableViewCell

- (CGFloat)tableView:(UITableView *)tableView heightForRowAtIndexPath:(NSIndexPath *)indexPath{

return 100.0f;

}