自定义部分标题单元格的快速块选择

Question

我有一个带有自定义节标题的 UITableView，它是通过故事板使用带有“headerCell”标识符的自定义原型单元格以及一个名为“HeaderViewCell”的子类 UITableViewCell 的 Cocoa Touch 类制作的。

func tableView(_ tableView: UITableView, viewForHeaderInSection section: Int) -> UIView? {
    let headerCell = tableView.dequeueReusableCell(withIdentifier: "headerCell") as! HeaderViewCell

    headerCell.sectionTitle.text = viewModel.items[section].sectionTitle
    headerCell.section = section
    headerCell.delegate = self

    return headerCell
}

单元格中的按钮会触发一个委托函数，该函数会传入分配给它的部分。

一切都很好 - 设置标题，点击我需要的按钮等......除了当您点击部分标题（左侧）和按钮（右侧）之间的空白区域时，部分标题会突出显示就好像它是节中的一个单元格一样，然后对节中的第一行执行segue。

在属性检查器中选择设置为“无”。如果我切换启用用户交互，则该按钮不起作用。

我发现了很多帖子，其中人们试图在部分标题上注册点击（答案：使用点击手势），但我已经筋疲力尽地寻找如何阻止它们。在委托方法的 didSelectRow 中，我看到了与单击行而不是标题相同的 IndexPath，因此我无法从那里阻止它。

由于使用自定义原型单元格是对自定义节标题的最广泛建议的响应，我本以为这对其他人来说也是一个问题。 ?

Answer 1

马特的回答应该会奏效。

创建一个UITableViewHeaderFooterView 类型的子类并将其命名为CustomHeaderView

class CustomHeaderView: UITableViewHeaderFooterView {
   // programmatically add the sectionTitle and whatever else inside here. Matt said there isn’t a storyboard or nib for a HeaderFooterView so do it programmatically
}

然后在 viewForHeaderInSection 内部使用 tableView.dequeueReusableHeaderFooterView 并将其转换为 CustomHeaderView

func tableView(_ tableView: UITableView, viewForHeaderInSection section: Int) -> UIView? {

    // don't forget to rename the identifier 
    let customHeaderView = tableView.dequeueReusableHeaderFooterView(withIdentifier: "customHeaderView") as! CustomHeaderView

    customHeaderView.sectionTitle.text = viewModel.items[section].sectionTitle
    customHeaderView.section = section
    customHeaderView.delegate = self

    return customHeaderView
}

如果不试试这个。

如果您不希望单元格突出显示，请先将选择样式设置为.none：

在 HeaderCell 中设置 .selectionStyle = .none

或

func tableView(_ tableView: UITableView, viewForHeaderInSection section: Int) -> UIView? {
    let headerCell = tableView.dequeueReusableCell(withIdentifier: "headerCell") as! HeaderViewCell

    headerCell.sectionTitle.text = viewModel.items[section].sectionTitle
    headerCell.section = section
    headerCell.delegate = self
    headerCell.selectionStyle = .none // set it here

    return headerCell
}

然后在didSelectRowAtIndexPath 中找出被选中的单元格类型。如果是HeaderCell，那么只需return，并且单元格不应该推动。如果它是任何其他类型的单元格（例如 PushCell），那么这些单元格应该执行 segue：

override func tableView(_ tableView: UITableView, didSelectRowAt indexPath: IndexPath) {

    // if it's a HeaderCell then do nothing but print
    if let _ = tableView.cellForRowAtIndexPath(indexPath) as? HeaderCell {
        tableView.deselectRow(at: indexPath, animated: true)
        print("+++++HeaderCell was tapped")
        return // nothing should happen
    }

    // if it's a PushCell then push
    if let _ = tableView.cellForRowAtIndexPath(indexPath) as? PushCell {
        print("-----PushCell was tapped")
        performSegue(withIdentifier...
        // or if your using navigationController?.pushViewController(...
    }
}

Answer 2

“HeaderViewCell”子类化 UITableViewCell。

停在那里。这是完全错误的。您的部分标题不应该是 UITableViewCell。它应该是 UITableViewHeaderFooterView（或其子类）。

一旦您进行了更改（以及对标题视图类型注册的任何所需的相应更改），您的问题就会消失。