UITableViewCell分隔线左右对齐的小方法

从iOS7.0开始, tableViewCell的分隔线总会在左侧留意下一点小间距, 这是苹果更新系统之后闹出的幺蛾子

• 其实这个情况在某种意义上看上去比较美观, 因为人的视觉习惯是从左往右看, 并且咱们使用Cell的时候, 也总是把重要的东西放在最左侧, 留出的这一点小间距会让视觉效果上稍微舒服一点
• 鄙人是不大喜欢一整条线摆在上面的....
• 但是出于大众口味, 以及产品大大的需求, 我们又不得不想办法给他弄回去

处理方法一: 简单暴力的划线方法

1. 取消TableViewCell的分隔线

    - (void)viewDidLoad {
        [super viewDidLoad];
        
        // 取消分隔线
        self.tableView.separatorStyle = UITableViewCellSeparatorStyleNone;
    }
   

2. 加载Cell的时候, 创建一个与屏幕等宽, 高度为1的UIView, 然后把它的颜色换成tableView的背景色, 放在Cell的最下方, 人为创造一个分隔线的效果

    - (void)tableView:(UITableView *)tableView willDisplayCell:(UITableViewCell *)cell forRowAtIndexPath:(NSIndexPath *)indexPath {
    
        UIView *separatorView = [[UIView alloc] initWithFrame:CGRectMake(0, cell.frame.size.height - 1, FHScreenW, 1)];
        separatorView.backgroundColor = FHBackgroundColor;
        [cell.contentView addSubview:separatorView];
    }
   

3. 一些注意点

   • 分隔线最好在ViewDidLoad中就取消掉他
   • 如果要给Cell添加一些不需要约束的控件, 最好使用上面的方法, 在Cell即将显示出来的时候, 再添加上去
   • 如果在别的方法里面添加, 根据Cell的复用机制, 以及一些控件是在Cell加载完毕之后还做一些约束调整, 这样就会导致你加上去的分隔线出现一些异常, 鄙人真的被这个问题坑过!!!!

处理方法二: 使用Cell的setFrame方法

1. 该方法仍旧用的一些假象来制造分隔线的效果, 区别是这次不用添加一些乱起八糟的假分隔线, 而是直接操作Cell的高度

2. 首先, 根据你想要的分隔线的颜色, 设置tableVIew的背景颜色, 并且要隐藏掉原来的分隔线

    - (void)viewDidLoad {
        [super viewDidLoad];
    
        // 1. 背景颜色
        self.tableView.backgroundColor = FHBackgroundColor;
        
        // 2. 取消分隔线
        self.tableView.separatorStyle = UITableViewCellSeparatorStyleNone;
    }   
   

3. 然后, 在自定义Cell的类里面, 重写setFrame:方法, 先将高度 -1, 然后再调用[super setFrame]

    - (void)setFrame:(CGRect)frame {
        
        frame.size.height -= 1;
    
        [super setFrame:frame];
    }
   

4. 此时, 你的Cell之间应该已经有分隔线的效果了, 但是你会发现你的Cell高度有一些别扭, 好像被挤压了一般

   • 其实这是因为Cell内容的约束已经计算好了, 而你手动给Cell的高度 -1, 这时就会让Cell产生一些变化

   • 因此你需要设置Cell高度的时候, 给他额外设置你准备减去的高度数值

       - (CGFloat)tableView:(UITableView *)tableView heightForRowAtIndexPath:(NSIndexPath *)indexPath {
           
           // 额外给1点的高度值, 为了不让cell高度-1对cell的视觉产生影响
           return 71;
       }
     

5. 注意点:

   • 鄙人不是很推荐这个方法, 因为他比较繁琐, 而且只能对自定义Cell有作用
   • 在使用上暂时没有发现什么问题, 但用起来总是觉得很别扭, 毕竟你是修改了系统已经计算好的东西
   • 还是那句老话, 尽量不要随便更改系统给你弄好的东西, 除非你知道自己在干什么!!!

处理方法三: 操作系统的方法

1. 此方法比较简单, 相对稳定, 都是操作系统给定的方法, 因此比较安全

2. 首先, 要让tableView的分隔线内边距归零

    // 此方法在iOS7.0就可以使用了, 除非你的App要求iOS6.0适配....
    self.tableView.separatorInset = UIEdgeInsetsZero;
   

3. 然后, 在添加Cell的时候, 要让Cell的边距约束也归零(在iOS8之后, 苹果又对分隔线做了一次手脚, 让其左边留出一点空间)

   • 注意, 此方法是在iOS8.0之后才推出的, 如果你直接使用该方法, 但是设备为iOS7.0, 你的App就会崩溃

   • 因此一定不要忘记做一次系统适配

       UIDevice *device = [UIDevice currentDevice];
       if (device.systemVersion.floatValue >= 8.0) {
           cell.layoutMargins = UIEdgeInsetsZero;
       }               
     

4. 通过如上两个步骤, 分隔线就已经设置完毕了, 此方法鄙人觉得是比较稳定可靠的方法, 但是根据文档显示, 如果修改了layoutMargins这个属性, 应该调用一下-layoutMarginsDidChange这个方法

   • 希望有仔细研究过的大神给个一知半解, 小弟在此感谢