iphone - UITableView 自定义 header (如 FoodSpotting 应用程序)

Question

有人可以解释一下这个应用程序 (FoodSpotting) 如何创建他们的自定义部分标题吗？它有一个半透明的黑色背景、用户图像和一些漂亮的文本(毫无疑问是从服务器加载的)。我的 2 个大问题是:

<强>1。应用程序如何在部分标题上获得漂亮的黑色半透明效果？ <强>2。他们如何将小三角形箭头附加到页眉？

我几乎可以根据对节标题使用自定义 View 来弄清楚其他所有内容。

Answer 1

Section header is a UIView就像其他人一样。您可以根据需要使用 Interface Builder 将其创建得漂亮、复杂或精致，等等。您的表委托(delegate)的 tableView:viewForheaderInSection 负责返回它，就像它用于其他单元格行。

至于小三角形:是的，这让我们有点吃惊(我们希望在我们的应用程序中有类似的东西)，直到我们发现您可以通过“隐藏”它的高度来将 View 与行重叠:即 tableView:heightForHeaderInSection: 返回一个比实际值略小的值。可能不是“正确”的方式，但对我们来说效果很好。像这样:

所以标题实际上是一个完美的矩形，底部大部分是透明的，有一个小三角形“偷看”出来:

告诉 iOS header 是 80px 高，像这样:

- (CGFloat) tableView:(UITableView *) tableView 
  heightForHeaderInSection:(NSInteger) section {
    return 80;
  }

然后它将开始在 80px 处绘制“食物”行。因为标题在顶部，并且因为标题底部除了箭头之外大部分都是透明的，所以你应该得到这种效果。