1

使用 Swift4、iOS11.2.1、Xcode9.2、

我成功地将自定义按钮添加到 tableView 的最后一个单元格。（该按钮用于在 tableView 中添加单元格 - 这也可以正常工作......） - 请参阅 Screenshot-1。

但现在的问题是：当添加更多单元格时（即超过 tableView-height 的大小），并且如果您滚动到顶部，则会有第二个单元格显示此按钮 - 请参见 Screenshot-2。

（见下面的代码......）

下面是两张截图：

在此处输入图像描述

我怎样才能摆脱额外的按钮？？？？（似乎一个单元格被重复使用并且按钮被部分绘制。截止可以解释，因为最后一个单元格的高度大于其他单元格。但仍然不应该有任何按钮的一部分除了最后一个单元格之外的其他单元格......即使向上滚动）。

任何帮助表示赞赏！

这是我的代码（或它的excerts ...）：

override func viewDidLoad() {
    super.viewDidLoad()

    // define delegates
    self.fromToTableView.dataSource = self
    self.fromToTableView.delegate = self

    // define cell look and feel
    self.addButton.setImage(UIImage(named: "addButton"), for: .normal)
    self.addButton.addTarget(self, action: #selector(plusButtonAction), for: .touchUpInside)

    //...

    self.fromToTableView.reloadData()
}

func tableView(_ tableView: UITableView, numberOfRowsInSection section: Int) -> Int {

    guard let resItems = resItems else {
        self.rowCount = 0
        return 0
    }
    self.rowCount = resItems.count - 1
    return resItems.count
}

func tableView(_ tableView: UITableView, heightForRowAt indexPath: IndexPath) -> CGFloat {

    if(indexPath.row == (self.rowCount)) {
        return 160
    } else {
        return 120
    }
}

func tableView(_ tableView: UITableView, cellForRowAt indexPath: IndexPath) -> UITableViewCell {

    let cell = fromToTableView.dequeueReusableCell(withIdentifier: "SettingsCell") as? SettingsCustomTableViewCell

    // configure the cell
    cell?.configureCell(tag: indexPath.row)

    // fill cell-data
    if let resItem = self.resItems?[indexPath.row] {
        cell?.connectionItem = resItem
    }

    // add addButton to last cell
    if(indexPath.row == (self.rowCount)) {

        // add addButton
        cell?.contentView.addSubview(self.addButton)
        // scroll to last cell (that was just added)
        // First figure out how many sections there are
        let lastSectionIndex = self.fromToTableView.numberOfSections - 1
        // Then grab the number of rows in the last section
        let lastRowIndex = self.fromToTableView.numberOfRows(inSection: lastSectionIndex) - 1
        // Now just construct the index path
        let pathToLastRow = IndexPath(row: lastRowIndex, section: lastSectionIndex)
        // Scroll to last cell
        self.fromToTableView.scrollToRow(at: pathToLastRow as IndexPath, at: UITableViewScrollPosition.none, animated: true)
    }

    return cell!
}
4

1 回答 1

3

你已经弄清楚问题是什么了:)

正如你在这里所说：

似乎重用了一个单元格并且部分绘制了按钮

这正是这里发生的事情。您有一个UITableViewCell元素池，或者在您的情况下是SettingsCustomTableViewCell. 所以每当你说：

let cell = fromToTableView.dequeueReusableCell(withIdentifier: "SettingsCell") as? SettingsCustomTableViewCell

然后，顾名思义，您从UITableView.

这也意味着，只要您重用某个单元格的特定实例，您之前可能在单元格上设置的任何内容（例如您的按钮）都会保留在那里。

您可以通过（至少）三种方式解决此问题。

黑客

在你的tableView(_:cellForRowAt:indexPath:)你有这个：

if(indexPath.row == (self.rowCount)) {
    //last row, add plus button
}

您可以添加一个 else 部分并再次删除加号按钮：

if(indexPath.row == (self.rowCount)) {
    //last row, add plus button
} else {
    //not last row, remove button
}

正确的方式

UITableViewCell具有功能prepareForReuse，正如文档所述：

如果一个 UITableViewCell 对象是可重用的——也就是说，它有一个重用标识符——这个方法在对象从 UITableView 方法返回之前被调用 dequeueReusableCell(withIdentifier:)

因此，这是您“重置”自定义表格视图单元格的地方。在您的情况下，您删除加号按钮。

UITableViewCell您似乎已经有了一个自定义，所以这应该是一个小改动。

页脚方式

正如@paragon 在他的评论中所建议的那样，您可以创建一个UIView并将其作为 tableFooterView 添加到您的UITableView.

let footerView = YourFooterViewHere()
tableView.tableFooterView = footerView

希望有帮助

于 2018-01-04T18:01:33.983 回答