美文网首页iOS开发UITableView、UIScrollViewiOS 开发
纠正网上大部分文章对UITableView分割线的不正确认识

纠正网上大部分文章对UITableView分割线的不正确认识

作者: iOS小孟和小梦 | 来源:发表于2016-04-16 14:04 被阅读724次

本篇文章主要有两个内容:1. 正确认识全屏分割线的设置 2. 去除没有数据的Cell或者指定Cell的分割线

毕竟这里只是我自己本人的看法和总结 -- 有什么建议或者觉得我说得不好的地方,欢迎互相探讨。毕竟探讨越多提升越大~~


----PART One----

首先是我一直觉得很不爽的全屏分割线(为何不爽,看完这一部分大家应该也能理解我的感受)

自定义Cell的情况

  • 把系统的分割线隐藏,然后自己创建一个高度为1的UIVIew添加到Cell的底部或者顶部
  • 把系统的分割线隐藏,然后设置tableview的背景色为自己想要的分割线颜色,重写Cell的setFrame方法,把高度减1(需要的话还可以把宽度也减一点点,会有不一样的效果~)
  • 设置Cell的separatorInset = UIEdgeInsetsZero 、 layoutMargins = UIEdgeInsetsZero
  • 或者设置tableview的separatorInset = UIEdgeInsetsZero、再设置Cell的 layoutMargins = UIEdgeInsetsZero

不自定义Cell的情况

  • 设置Cell的preservesSuperviewLayoutMargins = NO、separatorInset = UIEdgeInsetsZero 、 layoutMargins = UIEdgeInsetsZero
  • 或者设置tableview的separatorInset = UIEdgeInsetsZero、再设置Cell的 preservesSuperviewLayoutMargins = NO、layoutMargins = UIEdgeInsetsZero

其实嘛,之所以会有边距都是separatorInsetlayoutMargins这两个属性作祟,tableview和Cell同时都有这两个属性导致了两个单位的偏移,而separatorInset这个无论tableview设置还是Cell设置都是一样可以减少一个单位的偏移(即使两个都设置了也只是减一个单位)


另外一个重要原因是layoutMargins这个属性,当你没有设置这个属性的时候,它会默认有{8,8,8,8}的偏移量,但是呢,即使你设置了tableview的layoutMargins=UIEdgeInsetsZero,你也会发现没用。这是因为另一个属性preservesSuperviewLayoutMargins又在作怪,这个属性的意思是保持父控件的layoutMargins属性的行为(大概吧(雾...))默认是NO。也就是说,Cell本身的layoutMargins还是默认的{8,8,8,8},因此还是有一个单位的偏移。。。但是啊但是(好多但是→_→)即使设置为YES也并没有什么效果,因为呀,Cell的父视图并不是TableView呢...而是一个叫UITableviewWrapperView的

Snip20160415_5.png
此外,当你使用系统默认的UITableviewCell类的时候,preservesSuperviewLayoutMargins默认是为YES的,而自定义Cell的时候这个属性会自动置为NO
因此,我在这里要重新说明如何自定义TableView全屏的分割线
如果自定义Cell的话只需要设置 tableview 或者 Cell的 separatorInset = UIEdgeInsetsZero以及Cell的的layoutMargins =UIEdgeInsetsZero这简单的两步就可以了!!!
如果使用系统的是UITableviewCell类的话就再多加上preservesSuperviewLayoutMargins = NO这句就可以了

----PART Two----

去除没有数据的Cell或者指定Cell的分割线

• 想要去除没有数据的Cell的分割线的话非常简单,只需要设置tableviewFootView为一个空的View,那么下面没有数据的Cell的就不会显示了


Snip20160414_4.png

• 另外一个是因为前几天刚好遇见个需求,就是要去除指定的某一个Cell的分割线。那我们其实就可以利用separatorInset来完成这个需求
只需要把分割线移除屏幕外或者把它压缩为0像素就可以了

Snip20160416_6.png
效果很容易就达到了~~
Snip20160414_6.png

最后说几句---关于preservesSuperviewLayoutMargins属性还是无法理解它的作用...看了苹果文档,大概意思是如果设为Yes的话,则父控件内容的左边距会留出一个最小间距出来。虽然我说了Cell的父控件是UITableviewWrapperView,而且在CellForRow数据源方法中也拿不到它(因为Cell要在该方法返回后才被系统使用并添加到父控件上),但是即使我在其他能拿到的地方拿到它了,并且设置了它的layoutMargins =UIEdgeInsetsZero和Cell的preservesSuperviewLayoutMargins = YES,可惜却也完全没有效果...如果大家有什么见解希望能告知一声~~~
Snip20160416_8.png

至此,我的个人见解说完了,谢谢大家的阅读~~~


相关文章

网友评论

  • 五蕴盛:认真
  • 675583164fad:直接设置cell.separatorInset = UIEdgeInsetsMake(0, 0, 0, 0);cell的分割线就全屏了啊,左边就不会空出那段小间距了。
  • iOSerYJ:关于preservesSuperviewLayoutMargins这个属性,安利下我的新文章http://www.jianshu.com/p/1274343055a7 :smiley:
  • 1ee8ad869c7e:preservesSuperviewLayoutMargins和separatorInset是ios8的吧
    iOS小孟和小梦:@janeywang 嗯..separatorInset 7.0,preservesSuperviewLayoutMargins 8.0,如果要适配的话就加上responseToSelector 判断一下 :flushed:
  • Kchtin:系统cell分割线的高度是0.5,自定义的是1,还要添加约束为0.5
    Kchtin:@iOS小孟和小梦 1的分割线在ipad上太粗了,不过设置透明度不错,我以前都不设置透明度的,
    iOS小孟和小梦:@Kchtin 可怕!这你都知道 :joy: 。我平时都是直接弄个1然后给透明度的 :joy:
  • ddffsg:不错,用到了。
  • loobyes:经常用一个高度为1的UIView。总觉得不适很好。
    iOS小孟和小梦:@loobyes 自己创建UIView的话可是有一个其他方式都不具备的优点,那就是自由度啊。想让它长什么样就长什么样,完全由自己定义....高度、宽度、透明度、甚至还能用利用UIImageview然后用一些特殊的图片来做分割线呢 :flushed: 比如那种信笺周围的花一样的分割线~
  • 389c20d5a244:不错
    iOS小孟和小梦:@WzxJiang 谢谢支持~~

本文标题:纠正网上大部分文章对UITableView分割线的不正确认识

本文链接:https://www.haomeiwen.com/subject/syanlttx.html