代码实现UITableViewCell表视图单元定制

最新推荐文章于 2025-07-07 12:31:48 发布

原创最新推荐文章于 2025-07-07 12:31:48 发布 · 1k 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#uiviewcontroller

UI控件专栏收录该内容

38 篇文章

订阅专栏

本文介绍如何使用纯代码在UITableViewCell中自定义布局，并展示了一个具体的示例。通过此方法，可以在单元格中添加多个UILabel来显示不同的数据。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

通常情况下我们会希望单元格UITableViewCell显示自定义不同数据，一般有两种方法，一种是通过代码给UITableViewCell在添加子视图，另一个就是用nib文件加载子视图；

本文是在iPhone4与iPad开发基础教程上的一个实例,因为纯代码编写和书上Xcode版本过老的问题，代码和书上有些细微不同，笔者为什么还写出来呢，因为在写的时候种种细节都是影响视图不能正确显示的原因，虽然是看着书上代码敲得的，运行和没有一个错误警告但是就是不能正确显示出来，我想大部分初学者和我一样的感受，以此文告诫自己:做一个细心的人；

1.新建工程名为TableViewCell ， File->New->Project ->single View Application -> next

2.添加协议

[cpp]view plaincopy 
   
 #import <UIKit/UIKit.h>  
 #define kNameValueTag 1  
 #define kColorValueTag 2  
   
 @interface TVCViewController : UIViewController  
 <UITableViewDataSource,UITableViewDelegate>  
   
 @property (nonatomic,strong) UITableView *tableView;  
 @property (nonatomic,strong) UITableViewCell *tableViewCell;  
 @property (nonatomic,strong) NSArray *computers;  
   
 @end  

并在.m文件的@implementation TVCViewController后面添加

@synthesize tableView = _tableView;

@synthesize tableViewCell = _tableViewCell;

@synthesize computers = _computers;

3.表视图的初始化

[cpp]view plaincopy 
   
 - (void)viewDidLoad  
 {  
     [super viewDidLoad];  
       
     _tableView = [[UITableView alloc] initWithFrame:self.view.frame];  
       
     self.tableView.delegate=self;  
     self.tableView.dataSource=self;  
     [self.view addSubview:_tableView];  
       
     NSDictionary *row1 = [[NSDictionary alloc] initWithObjectsAndKeys:@"MacBook",@"Name",@"White",@"Color", nil];  
     NSDictionary *row2 = [[NSDictionary alloc] initWithObjectsAndKeys:@"MacBook Pro",@"Name",@"Sliver",@"Color",nil];  
     NSDictionary *row3 = [[NSDictionary alloc] initWithObjectsAndKeys:@"iMac",@"Name",@"Sliver",@"Color", nil];  
     NSDictionary *row4 = [[NSDictionary alloc] initWithObjectsAndKeys:@"Mac Mini",@"Name",@"Sliver",@"Color", nil];  
     NSDictionary *row5 = [[NSDictionary alloc] initWithObjectsAndKeys:@"Mac Pro",@"Name",@"Sliver",@"Color", nil];  
       
     NSArray *array = [[NSArray alloc]initWithObjects:row1,row2,row3,row4,row5, nil];  
     _computers=array;  
       
 }  

_computers=array等价于self.computers = array；

4.委托方法

[cpp]view plaincopy 
   
 -(NSInteger)tableView:(UITableView *)tableView numberOfRowsInSection:(NSInteger)section  
 {  
     return [_computers count];  
 }  

[cpp]view plaincopy 
   
 -(UITableViewCell *) tableView:(UITableView *)tableView cellForRowAtIndexPath:(NSIndexPath *)indexPath  
 {  
     static NSString *CellTableIdentifier = @"CellTabeIndentifier";  
       
     UITableViewCell *cell = [tableView dequeueReusableCellWithIdentifier:CellTableIdentifier];  
     if (cell == nil) {  
         cell = [[UITableViewCell alloc]initWithStyle:UITableViewCellStyleDefault reuseIdentifier:CellTableIdentifier];  
           
         CGRect nameLabelRect = CGRectMake(0, 5, 70, 15);  
         UILabel *nameLabel = [[UILabel alloc] initWithFrame:nameLabelRect];  
         nameLabel.textAlignment = UITextAlignmentRight;  
         nameLabel.text = @"Name:";  
         nameLabel.font = [UIFont boldSystemFontOfSize:12];  
         [cell.contentView addSubview:nameLabel];  
           
         CGRect colorLabelRect = CGRectMake(0, 26, 70, 15);  
         UILabel *colorLabel = [[UILabel alloc] initWithFrame:colorLabelRect];  
         colorLabel.textAlignment = UITextAlignmentRight;  
         colorLabel.text = @"Color:";  
         colorLabel.font = [UIFont boldSystemFontOfSize:12];  
         [cell.contentView addSubview:colorLabel];  
           
         CGRect nameValueRect = CGRectMake(80, 5, 200, 15);  
         UILabel *nameValue = [[UILabel alloc] initWithFrame:nameValueRect];  
         nameValue.tag = kNameValueTag;  
         [cell.contentView addSubview:nameValue];  
           
         CGRect colorValueRect = CGRectMake(80, 25, 200, 15);  
         UILabel *colorValue = [[UILabel alloc] initWithFrame:colorValueRect];  
         colorValue.tag = kColorValueTag;  
         [cell.contentView addSubview:colorValue];  
           
     }  
        
     NSUInteger row = [indexPath row];  
     NSDictionary *rowData = [_computers objectAtIndex:row];  
     UILabel *name =(UILabel *)[cell.contentView viewWithTag:kNameValueTag];  
     name.text = [rowData objectForKey:@"Name"];  
       
     UILabel *color = (UILabel *)[cell.contentView viewWithTag:kColorValueTag];  
     color.text = [rowData objectForKey:@"Color"];  
       
     return cell;  
 }  