码迷,mamicode.com
首页 > 其他好文 > 详细

自定义UITableViewCell

时间:2016-02-11 00:36:00      阅读:309      评论:0      收藏:0      [点我收藏+]

标签:

随着日常的使用,系统提供的cell已经不能满足开发的需要,因为系统提供的是单一的,所以 这就引来了自定义cell的出现,可以根据 自己的需要来布局各个控件所处的位置。不同位置显示不同的控件。

创建一个类,继承于UITableCell.

自定义cell,简单的来说可以分为三步

1.将所有cell要显示的子视图控件声明成属性

@interface MyTableViewCell : UITableViewCell

@property (nonatomic, retain)UIImageView *headerImageView;  //头像
@property (nonatomic, retain)UILabel *nameLabel;   // 姓名
@property (nonatomic, retain)UILabel *genderLabel;  // 性别
@property (nonatomic, retain)UILabel *ageLabel;   //年龄

2.重写cell的初始化方法,frame给定为0,将控件添加到cell上面进行显示,一定要注意使用self.contentView添加

//CGRectZero表示0

//重写cell的初始化方法
- (instancetype)initWithStyle:(UITableViewCellStyle)style reuseIdentifier:(NSString *)reuseIdentifier{
    self = [super initWithStyle:style reuseIdentifier:reuseIdentifier];
    if (self) {
        [self setupSubviews];
    }
    return self;
}
- (void)setupSubviews{
    _headerImageView = [[UIImageView alloc] initWithFrame:CGRectZero];
    _headerImageView.backgroundColor = [UIColor greenColor];
    //自定义cell内部添加子视图时,不能使用self,应该是使用self.contentView
    [self.contentView addSubview:_headerImageView];
    
    _nameLabel = [[UILabel alloc] initWithFrame:CGRectZero];
    _nameLabel.backgroundColor = [UIColor grayColor];
    [self.contentView addSubview:_nameLabel];
    
    _genderLabel = [[UILabel alloc] initWithFrame:CGRectZero];
    _genderLabel.backgroundColor = [UIColor cyanColor];
    [self.contentView addSubview:_genderLabel];
    
    _ageLabel = [[UILabel alloc] initWithFrame:CGRectZero];
    _ageLabel.backgroundColor = [UIColor yellowColor];
    [self.contentView addSubview:_ageLabel];
}

3.重写layouSubviews方法,给定内部控件的具体位置

//指定内部控件的大小
- (void)layoutSubviews{
    [super layoutSubviews];
    _headerImageView.frame = CGRectMake(5, 5, 50, 80);
    _nameLabel.frame = CGRectMake(65, 5, 150, 20);
    _genderLabel.frame = CGRectMake(65, 35, 150, 20);
    _ageLabel.frame = CGRectMake(65, 65, 150, 20);
}

但如果想方便以后操作的话,可以在自定义cell的时候,使用到数据模型,方便赋值,取值。

1.导入模型,将模型与cell进行绑定,声明模型属性

//在cell内部绑定一个模型属性
@property (nonatomic, retain)Student *stu;

2.重写模型属性的setter方法,内部使用模型为内部控件赋值。

//重写模型的setter方法,完成赋值
- (void)setStu:(Student *)stu{
    if (_stu != stu) {
        _stu = [stu retain];
        //为内部控件进行赋值
        _headerImageView.image = [UIImage imageNamed:_stu.picture];
        _nameLabel.text = _stu.name;
        _genderLabel.text = _stu.gender;
        _ageLabel.text = _stu.age;
    }
}

如果是在MRC环境下使用的话,一定要注意内存管理哦。

自定义cell的使用方法与系统提供的cell使用方法,没有区别。

//cell显示的内容,数据
- (UITableViewCell *)tableView:(UITableView *)tableView cellForRowAtIndexPath:(NSIndexPath *)indexPath {
    static NSString *reuseIdentifier = @"reuse";
    MyTableViewCell *cell = [tableView dequeueReusableCellWithIdentifier:reuseIdentifier];
    if (cell == nil) {
        cell = [[[MyTableViewCell alloc] initWithStyle:UITableViewCellStyleDefault reuseIdentifier:reuseIdentifier]autorelease];
        //cell.selectionStyle = UITableViewCellSelectionStyleNone;
    }
//使用模型属性来赋值
    Student *student = _dataArray[indexPath.row];
    cell.stu = student;
//    cell.nameLabel.text = student.name;
//    cell.ageLabel.text = student.age;
//    cell.genderLabel.text = student.gender;    
    return cell;
}

 自定义cell,一个重点就是内部各控件该怎么样布局,控件显示的属性有哪些、而怎么样局面,摆放的位置还是要自己设计清楚的。

 

自定义UITableViewCell

标签:

原文地址:http://www.cnblogs.com/xueyao/p/5186236.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!