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

      • 希望有仔细研究过的大神给个一知半解, 小弟在此感谢
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 160,706评论 4 366
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 68,002评论 1 301
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 110,462评论 0 250
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 44,375评论 0 216
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 52,763评论 3 294
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 40,849评论 1 224
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 32,033评论 2 317
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 30,768评论 0 204
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 34,490评论 1 246
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 30,734评论 2 253
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 32,204评论 1 264
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 28,566评论 3 260
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 33,227评论 3 241
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 26,137评论 0 8
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 26,934评论 0 201
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 35,926评论 2 283
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 35,774评论 2 274

推荐阅读更多精彩内容