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

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

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

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

   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加载完毕之后还做一些约束调整, 这样就会导致你加上去的分隔线出现一些异常, 鄙人真的被这个问题坑过!!!!

3. 处理方法二: 使用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有作用
      • 在使用上暂时没有发现什么问题, 但用起来总是觉得很别扭, 毕竟你是修改了系统已经计算好的东西
      • 还是那句老话, 尽量不要随便更改系统给你弄好的东西, 除非你知道自己在干什么!!!

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

   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这个方法

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