詳解ios中自定義cell，自定義UITableViewCell

2019-10-21 18:49:41

字體：大中小

來(lái)源：轉(zhuǎn)載

供稿：網(wǎng)友

通過(guò)繼承UITableViewCell來(lái)自定義cell

1、創(chuàng)建一個(gè)空的項(xiàng)目、命名：

ios,uitableview,cell,uitableviewcell,自定義cell

2、創(chuàng)建一個(gè)UITableViewController 并且同時(shí)創(chuàng)建xib:

ios,uitableview,cell,uitableviewcell,自定義cell

3、設(shè)置AppDelegate.m中window的根控制器為剛剛創(chuàng)建的TableViewController:

- (BOOL)application:(UIApplication *)application didFinishLaunchingWithOptions:(NSDictionary *)launchOptions {   self.window = [[UIWindow alloc] initWithFrame:[[UIScreen mainScreen] bounds]];   TableViewController *tableViewController = [[[TableViewController alloc] init] autorelease]; //自動(dòng)釋放   //設(shè)置根控制器   self.window.rootViewController = tableViewController;   [self.window makeKeyAndVisible];   return YES; }

4、創(chuàng)建自定義的UITableViewCell:

ios,uitableview,cell,uitableviewcell,自定義cell

5、創(chuàng)建自定義cell的xib 拖放需要的控件
ios,uitableview,cell,uitableviewcell,自定義cell 選擇User Interface。

ios,uitableview,cell,uitableviewcell,自定義cell 創(chuàng)建空的xib。

ios,uitableview,cell,uitableviewcell,自定義cell 拖入Cell控件。

ios,uitableview,cell,uitableviewcell,自定義cell 完成自定義的cell控件。

ios,uitableview,cell,uitableviewcell,自定義cell 設(shè)置cell控件的Identfier。

ios,uitableview,cell,uitableviewcell,自定義cell 綁定Cell類(lèi)并且將控件的輸出口關(guān)聯(lián)到TableViewCell.h文件中。

6、對(duì)TableViewController類(lèi)編碼，在委托方法中設(shè)置自定義的Cell:

#import "TableViewController.h" #import "TableViewCell.h"  @interface TableViewController (){   NSMutableArray *tableData; //表格數(shù)據(jù) }  @end  @implementation TableViewController  - (id)initWithStyle:(UITableViewStyle)style {   self = [super initWithStyle:style];   if (self) {     // Custom initialization   }   return self; }  - (void)viewDidLoad {   [super viewDidLoad];   //初始化表格數(shù)據(jù)   tableData = [[NSMutableArray alloc] init];   for (int i = 0; i< 10; i++) {     [tableData addObject:[NSString stringWithFormat:@"MyCellDemon%i",i]];   }    //設(shè)置row的高度為自定義cell的高度   self.tableView.rowHeight = 90;   }  - (void)didReceiveMemoryWarning {   [super didReceiveMemoryWarning];  }  #pragma mark - Table view data source  - (NSInteger)numberOfSectionsInTableView:(UITableView *)tableView { #warning Potentially incomplete method implementation.    return 1; }  - (NSInteger)tableView:(UITableView *)tableView numberOfRowsInSection:(NSInteger)section { #warning Incomplete method implementation.    return [tableData count]; }  - (UITableViewCell *)tableView:(UITableView *)tableView cellForRowAtIndexPath:(NSIndexPath *)indexPath {   //指定cellIdentifier為自定義的cell   static NSString *CellIdentifier = @"TableViewCell";   //自定義cell類(lèi)   TableViewCell *cell = [tableView dequeueReusableCellWithIdentifier:CellIdentifier];   if (cell == nil) {     //通過(guò)xib的名稱(chēng)加載自定義的cell     cell = [[[NSBundle mainBundle] loadNibNamed:@"TableViewCell" owner:self options:nil] lastObject];   }      //添加測(cè)試數(shù)據(jù)   cell.titleLabel.text = [tableData objectAtIndex:indexPath.row];   cell.content.text = @"這是一些測(cè)試數(shù)據(jù)";   //測(cè)試圖片   cell.iamge.image = [UIImage imageNamed:@"testImage.jpg"];    return cell; }  #pragma mark - Table view delegate  - (void)tableView:(UITableView *)tableView didSelectRowAtIndexPath:(NSIndexPath *)indexPath {  }  @end

最終效果：

ios,uitableview,cell,uitableviewcell,自定義cell