自定义 UITableViewCell 的布局

转自http://my.oschina.net/lvlove/blog/93778


自定义TableViewCell 布局有很多种,个人建议简单的cell使用第一种,复杂的用第二种。除此之外还有很多种实现方法,但是从代码重用的角度来说不是很好,没有写的必要。

    言归正传:

    1) 程序默认带有一个 ImageView , 一个textLabel, 一个DetailLabel, 和一个accessoryView,如果不需要过多的其它控件,可以创建一个UITableViewCell的子类。在  -(void)layoutSubviews 方法中改变这些子视图的Frame即可,比如:


#import "MyCell.h"

@implementation MyCell

/*这里定义Frame*/

-(void)layoutSubviews{
    
    self.imageView.frame =CGRectMake(0.0f, 0.0f, 50.0f, 50.0f);
    
    self.textLabel.frame =CGRectMake(60.0f, 0.0f, 100.0f, 20.0f);
    
    self.detailTextLabel.frame =CGRectMake(60.0f, 25.0f, 150.0f, 20.0f);
    
    self.accessoryView.frame =CGRectMake(280.0f, 10.0f, 30.0f, 30.0f);
    
}

2) 如果cell内容过于复杂,可以自己定义属性,比如:
#import <UIKit/UIKit.h>

@interface MyCell : UITableViewCell

@property (nonatomic,retain) UILabel *nameLabel;
@property (nonatomic,retain) UILabel *sexLabel;
@property (nonatomic,retain) UILabel *ageLabel;

@end


#import "MyCell.h"

@implementation MyCell

@synthesize nameLabel,sexLabel,ageLabel;

- (id)initWithStyle:(UITableViewCellStyle)style reuseIdentifier:(NSString *)reuseIdentifier
{
    self = [super initWithStyle:style reuseIdentifier:reuseIdentifier];
    if (self) {
        // Initialization code
        nameLabel =[[UILabel alloc]initWithFrame:CGRectMake(0.0f, 0.0f, 50.0f, 50.0f)];
        sexLabel =[[UILabel alloc]initWithFrame:CGRectMake(60.0f, 0.0f, 100.0f, 20.0f)];
        ageLabel = [[UILabel alloc]initWithFrame:CGRectMake(60.0f, 25.0f, 150.0f, 20.0f)];
    }
    return self;
}
- (void)dealloc
{
    self.nameLabel =nil;
    self.sexLabel =nil;
    self.ageLabel =nil;
    [super dealloc];
}


如果使用nib来绘制cell,参考http://my.oschina.net/plumsoft/blog/51723

- (UITableViewCell *)tableView:(UITableView *)tableView cellForRowAtIndexPath:(NSIndexPath *)indexPath {
    static NSString *CustomCellIdentifier = @"CustomCellIdentifier";
    
    static BOOL nibsRegistered = NO;
    if (!nibsRegistered) {
        UINib *nib = [UINib nibWithNibName:@"CustomCell" bundle:nil];
        [tableView registerNib:nib forCellReuseIdentifier:CustomCellIdentifier];
        nibsRegistered = YES;
    }
    
    CustomCell *cell = [tableView dequeueReusableCellWithIdentifier:CustomCellIdentifier];
 
    
    NSUInteger row = [indexPath row];
    NSDictionary *rowData = [self.dataList objectAtIndex:row];
    
    cell.name = [rowData objectForKey:@"name"];
    cell.dec = [rowData objectForKey:@"dec"];
    cell.loc = [rowData objectForKey:@"loc"];
    cell.image = [imageList objectAtIndex:row];
     
    return cell;
}


你可能感兴趣的:(自定义 UITableViewCell 的布局)