如何向 UITableView 页脚视图添加按钮但保留最后一个单元格分隔符？

Question

我想在最后一个表格单元格下方添加一个加号按钮。它应该是这样的：

为了得到这个结果，我使用了这个代码：

let footerView = UIView()
tableView.tableFooterView = footerView

addButton.frame = CGRect(x: 0, y: 0, width: 45, height: 45)
addButton.setTitle("+", for: [])
addButton.titleLabel?.font = UIFont.systemFont(ofSize: 30)

footerView.addSubview(addButton)

addButton.addTarget(self, action: #selector(addSection), for: .touchUpInside)

它看起来正是我想要的，但问题是，由于页脚视图有一个零帧，它里面的加号按钮对触摸事件没有响应。

如果我为页脚视图设置一个框架：

let footerView = UIView(frame: CGRect(x: 0, y: 0, width: 45, height: 45))

按钮开始响应触摸，但最后一个单元格的分隔线不见了：

有没有办法在表格页脚视图中添加一些交互式内容但保留最后的分隔线？

Answer 1

像这样在footerView 的顶部添加一行。根据您的需要设置x 值。

let line = UIView(frame: CGRect(x: 0, y: 0, width: UIScreen.main.bounds.size.width, height: 1))
line.backgroundColor = UIColor.gray
footerView.addSubview(line)

Answer 2

最可靠的方法是不使用默认分隔线，而是手动将其添加到您的单元格中。只需在返回单元格之前将此代码复制到您的单元格中即可：

var separator:UIView!
    if let s = cell.viewWithTag(1000)
    {
        separator = s
    }
    else
    {
        separator = UIView()
        separator.tag = 1000
        separator.backgroundColor = TheColorYouWantForYourSeparator
        separator.translatesAutoresizingMaskIntoConstraints = false
        cell.addSubview(separator)

        // Swiper constraints
        let leadingConstraint = NSLayoutConstraint(item: separator, attribute: .leading, relatedBy: .equal, toItem: cell, attribute: .leading, multiplier: 1, constant: 15)
        let heightConstraint = NSLayoutConstraint(item: separator, attribute: .height, relatedBy: .equal, toItem: nil, attribute: .notAnAttribute, multiplier: 1, constant: 0.5)
        let bottomConstraint = NSLayoutConstraint(item: cell, attribute: .bottom, relatedBy: .equal, toItem: separator, attribute: .bottom, multiplier: 1, constant:0)
        let trailingConstraint = NSLayoutConstraint(item: cell, attribute: .trailing, relatedBy: .equal, toItem: separator, attribute: .trailing, multiplier: 1, constant: 15)
        cell.addConstraints([bottomConstraint, leadingConstraint, heightConstraint, trailingConstraint])
    }

这会产生一个可配置的分隔符视图。使用约束来决定它的形状。