UITableViewCell的分割线|多种方式

2016年8月7日

UITabViewCell自定义分割线

在UITableView的使用中，通常需要设置分割线。但是分割线会经常短一截的情况，针对这个情况，有三种方式可以解决。

1 自定义UIView充当分割线

实现原理，自定义CMTableViewCell继承自UITableViewCell，使用懒加载创建高度为1的UIView,重写layoutSubViews布局UIView的位置。

自定义cell的.m文件

@interface CMTableViewCell ()

@property(nonatomic,weak) UIView *separatorView;

@end

@implementation CMTableViewCell

//使用懒加载创建分割线view,保证一个cell只有一条
-(UIView *)separatorView
{
    if (_separatorView == nil) {
        UIView *separatorView = [[UIView alloc]init];
        self.separatorView = separatorView;
        separatorView.backgroundColor = [UIColor redColor];
        [self addSubview:separatorView];
    }
    return _separatorView;
}

//重写layoutSubViews方法，设置位置及尺寸
-(void)layoutSubviews
{
    [super layoutSubviews];
    self.separatorView.frame = CGRectMake(0, self.bounds.size.height-1,     self.bounds.size.width, 1);
}

2 修改系统属性--主要是系统适配

iOS6的时候cell的分割线是屏幕宽的，但是现在不是了，向右缩进了一些距离

iOS7的时候，苹果对tableView增加了一个叫separatorInset的东西，会改变分割线的边距

iOS8，内部增加一些自动布局的东西，我们可以在storyboard添加约束的时候可以感受到，每次添加约束的时候，都会勾掉一个叫constraint to margins的选项。--所以这个我们需要注意

所以，我们可以通过修改这些属性得到答案

- (void)viewDidLoad {
    [super viewDidLoad];
    // Do any additional setup after loading the view, typically from a nib.

    //都是针对tableView来看
    //1 去除掉自动布局添加的边距
    self.tableView.layoutMargins = UIEdgeInsetsMake(0, 0, 0, 0);
    //2 去掉iOS7的separatorInset边距
    self.tableView.separatorInset = UIEdgeInsetsMake(0, 0, 0, 0);

}


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

-(UITableViewCell *)tableView:(UITableView *)tableView cellForRowAtIndexPath:(NSIndexPath *)indexPath
{
    static NSString *ID = @"cell";
    UITableViewCell *cell = [tableView dequeueReusableCellWithIdentifier:ID];
    if (cell == nil) {
        cell = [[UITableViewCell alloc]initWithStyle:UITableViewCellStyleDefault reuseIdentifier:ID];

    }
    cell.textLabel.text = @"haha";
    //去掉cell的自动布局添加的边距
    cell.layoutMargins = UIEdgeInsetsMake(0, 0, 0, 0);
    return cell;
}

3 巧妙利用TableView的背景作为分割线---万能方式

这个方式的巧妙之处在于，保持每个cell的位置不变，也就是坐标仍然位置系统自动计算好的，调整cell的高度，让后边的tableView露出来，利用tableView的背景色作为分割线。

关键点：tableView的cell，在初始化的时候frame就已经全部计算好了，当cell即将显示的时候会调用setFrame方法来给cell赋值，所以，我们就可以重写setFrame方法拦截，修改frame里面的height，达到目的。

CMTableViewCell.m文件

- (void)viewDidLoad {
[super viewDidLoad];

    //1 禁用系统自带的分割线
    self.tableView.separatorStyle = UITableViewCellSeparatorStyleNone;

    //2 设置tableView的背景色跟系统自带的背景色一致 198 198 203
    self.tableView.backgroundColor = [UIColor colorWithRed:198/255.0 green:198/255.0 blue:203/255.0 alpha:1];

    //3 重写cell的setFrame的方法-在自定义cell中设置
}

CMTableCell.m文件

//3 重写setFrame方法
-(void)setFrame:(CGRect)frame
{
    //只修改高度
    frame.size.height-=1;
    //调用系统方法设置
    [super setFrame:frame];
}