前言

我在 iOS 10 上有一个工作自定义 UITableViewCell 关闭动画。它的实现方式如下:

1. 用户按下提交按钮
2. 在 UITableViewCell 的 subview (在单元格的 contentView 下方)的索引零处创建、定位和插入自定义 View
3. contentView 在帧外动画，而自定义 View 的 alpha 动画为 1.0
4. 当 contentView 完全超出框架时，原生 UITableView 方法 deleteRows(at: [indexPath], with: .top) 被调用。 UITableViewCell 折叠，并且自定义 View 在折叠时隐藏在之前的 UITableViewCell 后面。
5. 单元格(以及所有它的 subview ，包括我的自定义 View )被删除。

下面是它工作的慢动画:

注意:tableView 具有清晰的背景颜色，允许自定义 View (蓝色)显示在其后面。每个单元格都有一个 containerView，其中包含单元格的所有内容。 containerView 和 contentView 都有清晰的背景色。一切都很好，花花公子。

问题

将我的应用程序迁移到 iOS 11 时，此动画不再正常运行。下面是它不再工作的慢速动画。

如您所见，自定义 View 在单元格关闭时覆盖在前一个单元格的顶部上，而我的代码没有任何更改。

到目前为止的调查

到目前为止，我已经确定 UITableView 的结构已从这里更改:

UITableView
    UITableViewWrapperView
        cell
            custom view
            contentView
            cell separator view
        cell
        cell
        cell
    UIView
    UIImageView  (scroll view indicator bottom)
    UIImageView  (scroll view indicator right)

为此:(UITableViewWrapperView 已被删除)

UITableView
    cell
        custom view
        contentView
        cell separator view
    cell
    cell
    cell
    UIView
    UIImageView (scroll view indicator bottom)
    UIImageView (scroll view indicator right)

关于这个 UITableWrapperView 我注意到的一件事是它层的 isOpaque 属性为 true 而 masksToBounds 属性为 false 而 UITableView 和所有的 UITableViewCell 都是相反的。由于此 View 已在 iOS 11 中删除，这可能导致我产生错误效果。我真的不知道。

编辑:我发现的另一件事是工作示例中的 UITableWrapperView 在其 subview 的零索引处插入了一个神秘的 UIView (所有 UITableViewCells) 属性 isOpaque 设置为 true 并且它有一个 compositingFilter。动画完成后，此 View 随后将被删除。由于 UITableWrapperView 在 iOS 11 中被删除，因此这个 View 也丢失了。

问题

首先，有人知道为什么会发生这种行为变化吗？如果没有，是否有其他方法可以更好地实现在 iOS 10 中工作的效果？我想要清晰的 UITableViewCell，但有一个自定义 View ，在关闭时显示在每个单元格后面，当关闭时被其他清晰的 UITableViewCell 掩盖，如上面的第一个 gif 示例所示.

最佳答案

在删除行之前，将要删除的单元格发送到 TableView subview 的后面。

tableView.sendSubview(toBack: cell)
tableView.deleteRows(at: [indexPath], with: .top)

如果您没有单元格，可以使用索引路径检索它。

guard let cell = tableView.cell(for: indexPath) else { return }

// ...

这应该与对 View 层次结构的调整一起使用。

CardTableViewController.swift

class CardTableViewController: UITableViewController, CardTableViewCellDelegate {

    // MARK: Outlets

    @IBOutlet var segmentedControl: UISegmentedControl!

    // MARK: Properties

    private var cards: [Card] = [
        Card(text: "Etiam porta sem malesuada magna mollis euismod. Maecenas faucibus mollis interdum."),
        Card(text: "Nulla vitae elit libero, a pharetra augue. Cras justo odio, dapibus ac facilisis in, egestas eget quam."),
        Card(text: "Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum. Sed posuere consectetur est at lobortis.")
    ]

    var selectedIndex: Int { return segmentedControl.selectedSegmentIndex }
    var tableCards: [Card] {
        return cards.filter { selectedIndex == 0 ? !$0.isDone : $0.isDone }
    }

    // MARK: UITableViewDataSource

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

        return tableCards.count
    }

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

        let cell = tableView.dequeueReusableCell(withIdentifier: "Cell", for: indexPath) as! CardTableViewCell

        cell.card = tableCards[indexPath.row]

        return cell
    }

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

        return UITableViewAutomaticDimension
    }

    // MARK: CardTableViewCellDelegate

    func cardTableViewCell(_ cell: CardTableViewCell, didTouchUpInsideCheckmarkButton button: UIButton) {

        guard let indexPath = tableView.indexPath(for: cell) else { return }

        cell.card?.isDone = button.isSelected
        cell.card?.dayCount += button.isSelected ? 1 : -1
        cell.customView?.dayCount = cell.card?.dayCount

        UIView.animate(withDuration: 0.7, delay: 0.3, options: .curveEaseIn, animations: {
            cell.checkmarkButton?.superview?.transform = .init(translationX: cell.frame.width, y: 0)
            cell.customView?.alpha = 1
        }) { _ in
            self.tableView.sendSubview(toBack: cell)
            self.tableView.deleteRows(at: [indexPath], with: .top)
        }
    }

    // MARK: Actions

    @IBAction func didChangeSegmentedControl(_ sender: UISegmentedControl) {

        tableView.reloadData()
    }
}

CardTableViewCell.swift

@objc protocol CardTableViewCellDelegate {
    func cardTableViewCell(_ cell: CardTableViewCell, didTouchUpInsideCheckmarkButton button: UIButton)
}

@IBDesignable class CardTableViewCell: UITableViewCell {

    // MARK: Outlets

    @IBOutlet var checkmarkButton: UIButton?
    @IBOutlet var customView: CardCustomView?
    @IBOutlet var delegate: CardTableViewCellDelegate?
    @IBOutlet var taskTextLabel: UILabel?

    // MARK: Properties

    var card: Card? {
        didSet {
            updateOutlets()
        }
    }

    // MARK: Lifecycle

    override func awakeFromNib() {

        super.awakeFromNib()

        checkmarkButton?.layer.borderColor = UIColor.black.cgColor
    }

    override func prepareForReuse() {

        super.prepareForReuse()

        card = nil
    }

    // MARK: Methods

    private func updateOutlets() {

        checkmarkButton?.isSelected = card?.isDone == true ? true : false
        checkmarkButton?.superview?.transform = .identity

        customView?.alpha = 0
        customView?.dayCount = card?.dayCount

        taskTextLabel?.text = card?.text
    }

    // MARK: Actions

    @IBAction func didTouchUpInsideCheckButton(_ sender: UIButton) {

        sender.isSelected = !sender.isSelected

        delegate?.cardTableViewCell(self, didTouchUpInsideCheckmarkButton: sender)
    }
}

class CardCustomView: UIView {

    // MARK: Outlets

    @IBOutlet var countLabel: UILabel?
    @IBOutlet var daysLabel: UILabel?

    // MARK: Properties

    var dayCount: Int? {
        didSet { 
            updateOutlets()
        }
    }

    override func awakeFromNib() {

        super.awakeFromNib()

        updateOutlets()
    }

    // MARK: Methods

    private func updateOutlets() {

        let count = dayCount.flatMap { $0 } ?? 0

        countLabel?.text = "\(dayCount.flatMap { $0 } ?? 0)"
        daysLabel?.text = "Day\(count == 1 ? "" : "s") in a row"
    }
}

Card.swift

class Card: NSObject {

    // MARK: Properties

    var dayCount: Int = 0
    var isDone: Bool = false
    var text: String

    // MARK: Lifecycle

    init(text: String) {
        self.text = text
    }
}

关于swift - 如何在 iOS 11 上的单元格关闭期间重新实现以前在 iOS 10 上工作的清晰颜色 UITableViewCell mask 效果？，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/46984873/