0代码隐藏GroupedTableView上边多余的间隔

• 实现诸如支付宝的 “探索” 页面时，最简单的方案是在 Storyboard 中来一个静态 Grouped UITableViewController，把各个 Cell 中的元素摆好就行了

  
  Paste_Image.png

• 不过会有下面的问题，第一个 Section 距离屏幕顶端有间隔

Paste_Image.png

一行代码搞定

• 研究发现，这里其实是一个被 UITableView 默认填充的 HeaderView。而且，当试图将它的高度设置为 0 时，完全不起效果。但我们用下面的代码创建一个高度特别小的 HeaderView 时，上面的边距就不见了：

Paste_Image.png

• CGFLOAT_MIN 这个宏表示 CGFloat 能代表的最接近 0 的浮点数，64 位下大概是 0.00(300左右个)0225 这个样子
  这样写单纯的为了避免一个魔法数字，这里用 0.1 效果是一样的，后面再讲。

在 Storyboard 中 0 代码搞定

• 没用 Storyboard 的同学使用上面的代码就 OK 了； 而在 Storyboard 中可以 0 代码搞定这个事：

首先，在第一个 Section 的上面拖进来一个空 UIView

Paste_Image.png

• 然后选中这个 UIView 的 Runtime Attributes 栏，添加一个 frame 的 KeyPath

Paste_Image.png

• 这样头部的间隔就乖乖的不见了：

Paste_Image.png

刨根问底 UITableViewHeader 的猫腻

• 为什么刚才说 0.1 和 CGFLOAT_MIN 是等效的呢？经过研究，这个高度值的影响大概是这样的：

• 若传入的 height == 0，则 height 被设置成默认值

• 若 height 小于屏幕半像素对应的高度，这个 header 不在另一个像素渲染

• 半像素也就是 1.0 / scale / 2.0，如在 @2x 屏上是 0.25
  直观的感受下，假如这个 height 被设置成 0.5 的样子：

Paste_Image.png

原文地址:http://blog.sunnyxx.com/2015/04/15/ios-hide-grouped-tableview-header/