使用 Storyboard 向 UITableView 添加自定义标题

Question

我似乎无法使用 Storyboard 向 UITableView 添加标题。我有一个 UITableView ，其中有一些原型单元格正在显示并且工作正常。然后，我在这些原型单元格上方拖动了一个新的 UIView 并向其添加了一个标签以充当我的表格的标题（而不是作为部分标题）。我创建了一个新的 UIView 子类，它只有一个属性，即 UILabel。 storyboard中UIView的class设置为这个自定义UIView，UILabel的引用outlet设置为我自定义UIView类的UILabel属性。

然后，在我的 UITableViewController 的 viewDidLoad 方法中，我正在执行以下操作：

DetailTableHeaderView *headerView = [[DetailTableHeaderView alloc] init];
headerView.entryNameLabel.text = @"TEST";
self.tableView.tableHeaderView = headerView;
[self.tableView reloadData];

但是当我运行我的应用程序时，表格标题根本没有出现。我还注意到 headerView.entryNameLabel 的 text 属性甚至没有设置为应有的“TEST”。

我在这里做错了什么？

Answer 1

老问题，但我提供我的答案是出于参考原因，因为如何添加 tableview 标题仍然有点不重要，使用故事板作为设计部分。

1. 在情节提要的表格视图中添加原型单元格。
2. 选择原型单元格后，在右侧的属性检查器中为其指定一个标识符（例如 headerViewCell），因为这是您引用它以便使用它的方式。
3. 现在单击尺寸检查器选项卡并为其指定行高（这将是您的标题视图高度）

4. 现在在代码中，在处理 tableview 的控制器中：

   - (void)viewDidLoad {
       [super viewDidLoad];
       self.tableView.tableHeaderView = [self.tableView dequeueReusableCellWithIdentifier:@"headerViewCell"];
   }
   

Answer 2

这个问题已经很老了，但写下这个答案希望对某人有所帮助。

处理表 headerView 的好方法是使用委托方法。实现tableView:viewForHeaderInSection 和tableView:heightForHeaderInSectiondelegate 方法。从tableView:viewForHeaderInSectionmethod 返回您的 UIView。

-(UIView *)tableView:(UITableView *)tableView viewForHeaderInSection:(NSInteger)section {
}

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

另一种选择是使用原型单元格（自定义单元格）作为标题视图并在 tableView:viewForHeaderInSection 方法中返回它。请参见下面的代码（我没有测试过这个）：

- (UIView *)tableView:(UITableView *)tableView viewForHeaderInSection:(NSInteger)section 
{

    HeaderView *headerView = [self.TableView dequeueReusableHeaderFooterViewWithIdentifier:@"tableHeader"];

    // Set Text
    headerView.headerLabel.text = @"Some title";

    return headerView.contentView;
}

更新

上述方法也适用于 tableView:viewForHeaderInSection: 方法。这是示例代码：

- (UIView *)tableView:(UITableView *)tableView viewForHeaderInSection:(NSInteger)section
{
    UITableViewCell *sectionHeader;
    CustomSectionHeaderCell *sectionHeaderCell = [tableView dequeueReusableCellWithIdentifier:@"sectionHeaderCell"];

    // do stuff here

    return sectionHeaderCell.contentView;
}