【问题标题】:Table Header Views in StoryBoardsStoryBoards 中的表头视图
【发布时间】:2011-12-12 01:46:00
【问题描述】:

有没有办法在 StoryBoard 中插入表格标题视图 (tableHeaderView)(就像我们在 Interface Builder 中所做的那样)?

【问题讨论】:

    标签: ios uitableview xcode4 storyboard


    【解决方案1】:

    看起来就像是简单地将一个控件拖到表格视图的顶部。没想到这么简单。

    掉落前

    掉落后

    【讨论】:

    • 我惊讶地发现它是这样完成的。我注意到在我的实现中,为了使其正常工作,我必须删除我的 heightForHeaderInSection:(NSInteger) 部分代码,否则我最终会在标题视图本身上方留下额外的空间。另外,为了让这个标题“粘”在表格视图的顶部,我必须实现 viewForHeaderInSection:(NSInteger)section 并返回这个视图。
    • 这似乎只有在表格中至少有一个原型单元格时才有效。
    • @cdo,您能否详细说明如何使标题“粘贴”在表格视图的顶部?我尝试盲目地实现viewForHeaderInSection:,但我收到一条错误消息“无法同时满足约束”。 (在这里查看我的问题:stackoverflow.com/questions/14554051/…
    • 谢谢,在我知道它可以工作之前,我不能这样做,需要精确的拖动。我曾多次尝试这样做...
    • 如果要设置表头视图,可以使用左侧的轮廓进行拖动,这比尝试点击第一个原型单元格上方的确切位置更容易。我注意到——可能是一个 Xcode 错误(5.0)——这只有在我首先将视图移出常规层次结构时才会起作用;我将它一直拖到该场景的轮廓底部。然后,在第二步中,我可以将其移动到表格视图中。
    【解决方案2】:

    您可以通过将UIView/UIImageView 拖动到文档大纲(而不是布局)中UITableView 的下方轻松完成此操作。

    如果您尝试拖动布局而不是文档大纲,UITableViewCell 将跳转到顶部处理,这令人沮丧!

    【讨论】:

      【解决方案3】:

      在 tableview 顶部拖放视图仅适用于一种屏幕尺寸,至少在 Xcode 11 中是这样。它在不同屏幕上的尺寸不佳。

      我刚刚创建了一个视图并将其留在情节提要中的 tableview 后面。我为它创建了一个 IBOutlet:

      @IBOutlet weak var audioView: UIView!
      

      然后在tableview代码中我做了:

      func tableView(_ tableView: UITableView, viewForHeaderInSection section: Int) -> UIView? {
          return audioView
      }
      
      func tableView(_ tableView: UITableView, heightForHeaderInSection section: Int) -> CGFloat {
          return 142
      }
      

      它适用于所有屏幕尺寸。

      【讨论】:

      • 问题是关于表头视图,而不是节头视图。
      • @R。 Rincón,我在哪里提到了节标题?方法中的部分是框架所必需的。如果您不知道的话,每个 TableView 至少有一个部分。如果没有部分,只需通过第 0 部分。
      • 此代码为每个部分返回 audioView 作为部分标题。如果有人实现了这一点,tableView.tableHeaderView 将为零。如果他们有 5 个部分,他们将有 5 个部分标题。如果他们已经有节标题并且想要添加表标题视图,那么这个答案对他们没有帮助。这并没有回答这个问题,它特别提到了tableHeaderView
      • 您可以通过方法内部的一些逻辑为每个部分指定标题视图。考虑到部分构建的 TableViews。你总是有部分,如果你没有,那将是第 0 部分。没有指定标题视图的方法没有指定一个部分。
      猜你喜欢
      • 2011-12-11
      • 1970-01-01
      • 2013-08-27
      • 2014-12-28
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      相关资源
      最近更新 更多