自定义UITableViewCell需注意的问题

自定义cell，有下面几种方法
方法一：
在controller的.m中

@interface ViewController ()<UITableViewDataSource,UITableViewDelegate>

@property(nonatomic,strong) UITableView *tableView;

@end

@implementation ViewController

- (void)viewDidLoad {
    [super viewDidLoad];
    
    self.tableView.delegate = self;
    self.tableView.dataSource = self;
    
    ///若cell内无数据，就去除多余cell
    self.tableView.tableFooterView = [[UIView alloc]init];
    
    [self.view addSubview:self.tableView];
}

- (NSInteger)tableView:(UITableView *)tableView numberOfRowsInSection:(NSInteger)section{
    return 10;
}

- (UITableViewCell *)tableView:(UITableView *)tableView cellForRowAtIndexPath:(NSIndexPath *)indexPath{
    static NSString *cellIdentifier = @"myCell";
    UITableViewCell *myCell = [tableView dequeueReusableCellWithIdentifier:cellIdentifier];
    if (myCell == nil) {
        myCell = [[UITableViewCell alloc]initWithStyle:UITableViewCellStyleValue2 reuseIdentifier:cellIdentifier];
    }
    
    UILabel *label = [[UILabel alloc]initWithFrame:CGRectMake(0, 0, 320, 20)];
    label.text = @"这个是自定义的cell";
    [myCell addSubview:label];
    
    return myCell;
}

-(UITableView *)tableView{
    if (!_tableView) {
        _tableView = [[UITableView alloc]initWithFrame:CGRectMake(0, 0, ViewWidth, ViewHeight)];
    }
    return _tableView;
}

-(BOOL)prefersStatusBarHidden{
    return YES;
}

@end

这样可以实现效果，但若上下滑动时，会有几行cell字体加粗。如图：

原因在于cell复用时，由于每个服用的cell都会添加label，所以造成label的重叠。
解决问题的方法就是自定义UITableViewCell

方法二：
如想在cell里添加两个button，则需要自定义一个类，如在.h文件中，button在.h文件中定义

@interface ActivieyViewCell : UITableViewCell
/** 活动内容btn */
@property(nonatomic,strong) UIButton *contentBtn;
/** 活动花费btn */
@property(nonatomic,strong) UIButton *costBtn;

/** 设置button的位置等信息 */
- (void)setupCellBtn;
@end

在.m文件中，直接在自定义方法里定义cell要添加的内容

@implementation ActivieyViewCell
-(void)setupCellBtn{
    self.contentBtn = [UIButton buttonWithType:UIButtonTypeCustom];
    self.contentBtn.frame = CGRectMake(10, 10, 400, 20);
    self.contentBtn.backgroundColor = [UIColor brownColor];
    [self addSubview:self.contentBtn];
    
    self.costBtn = [UIButton buttonWithType:UIButtonTypeCustom];
    self.costBtn.frame = CGRectMake(500, 10, 40, 20);
    self.costBtn.backgroundColor = [UIColor lightGrayColor];
    [self addSubview:self.costBtn];
}
@end

在tableView的cellForRowAtIndexPath中添加

- (UITableViewCell *)tableView:(UITableView *)tableView cellForRowAtIndexPath:(NSIndexPath *)indexPath{
    static NSString *cellIdentify = @"activityList";
    //在该处就可以使用自定义的tableViewCell
    //前边的都是用
    //UITableViewCell *actTabCell = [tableView dequeueReusableCellWithIdentifier:cellIdentify];
    ActivieyViewCell *actTabCell = [tableView dequeueReusableCellWithIdentifier:cellIdentify];
    
    if (actTabCell==nil) {
        actTabCell = [[ActivieyViewCell alloc]initWithStyle:UITableViewCellStyleDefault reuseIdentifier:cellIdentify];
    } 

    //在该处定义button的位置信息等
    [actTabCell setupCellBtn];
    
    [actTabCell.contentBtn setTitle:actModel.activityContent forState:UIControlStateNormal];
    [actTabCell.contentBtn setBackgroundColor:[UIColor brownColor]];
    actTabCell.contentBtn.titleLabel.numberOfLines = 0;
    
    [actTabCell.costBtn setTitle:actModel.activityCost forState:UIControlStateNormal];
    [actTabCell.costBtn setBackgroundColor:[UIColor lightGrayColor]];
    actTabCell.costBtn.titleLabel.numberOfLines = 0;
    
    return actTabCell;
}

这样写的好处就是tableViewCell在复用时不会出现位置混乱等bug.
但上述自定义cell的方法还有一个bug，还是cell的复用问题。点击cell时，背景有时会变乱.如图

原因还是上边的cell复用问题。改进方法是将setupCellBtn方法写到initWithStyle中，在初始化时就设置。然后在cellForRowAtIndexPath无需使用[actTabCell setupCellBtn];这样的方法

方法三：
在UITableViewCell的.m中

@implementation ActivieyViewCell
//重写该方法，防止复用时混乱
- (instancetype)initWithStyle:(UITableViewCellStyle)style reuseIdentifier:(NSString *)reuseIdentifier{
    self = [super initWithStyle:style reuseIdentifier:reuseIdentifier];
    if (self) {
        [self setupBtnFrame];
    }
    return self;
}

-(void)setupCellBtn{
    self.contentBtn = [UIButton buttonWithType:UIButtonTypeCustom];
    self.contentBtn.frame = CGRectMake(10, 10, 400, 20);
    self.contentBtn.backgroundColor = [UIColor brownColor];
    [self addSubview:self.contentBtn];
    
    self.costBtn = [UIButton buttonWithType:UIButtonTypeCustom];
    self.costBtn.frame = CGRectMake(500, 10, 40, 20);
    self.costBtn.backgroundColor = [UIColor lightGrayColor];
    [self addSubview:self.costBtn];
}
@end

然后在tableView的cellForRowAtIndexPath中添加

- (UITableViewCell *)tableView:(UITableView *)tableView cellForRowAtIndexPath:(NSIndexPath *)indexPath{
    static NSString *cellIdentify = @"activityList";
    //在该处就可以使用自定义的tableViewCell
    //前边的都是用
    //UITableViewCell *actTabCell = [tableView dequeueReusableCellWithIdentifier:cellIdentify];
    ActivieyViewCell *actTabCell = [tableView dequeueReusableCellWithIdentifier:cellIdentify];
    
    if (actTabCell==nil) {
        actTabCell = [[ActivieyViewCell alloc]initWithStyle:UITableViewCellStyleDefault reuseIdentifier:cellIdentify];
    } 

    //原来是在该处定义button的位置信息等，现在删除
    //[actTabCell setupCellBtn];
    
    [actTabCell.contentBtn setTitle:actModel.activityContent forState:UIControlStateNormal];
    [actTabCell.contentBtn setBackgroundColor:[UIColor brownColor]];
    actTabCell.contentBtn.titleLabel.numberOfLines = 0;
    
    [actTabCell.costBtn setTitle:actModel.activityCost forState:UIControlStateNormal];
    [actTabCell.costBtn setBackgroundColor:[UIColor lightGrayColor]];
    actTabCell.costBtn.titleLabel.numberOfLines = 0;
    
    return actTabCell;
}

这样就再也不会出现重叠问题，所以推荐使用方法三，来自定义tableViewCell