UICollectionViewCell中UISwipeGestureRecognizer问题：翻转新单元格前关闭已翻转单元格

你的问题核心在于每个Cell独立管理自己的翻转状态，但没有全局机制协调多个Cell的状态——当新Cell被翻转时，无法通知之前的Cell恢复初始状态。同时还要注意UICollectionView的Cell复用特性，避免滚动时出现状态混乱。下面是具体的解决方案：

步骤1：在ViewController中跟踪当前翻转的Cell #

首先，在你的UICollectionView所在的ViewController里添加变量，记录当前处于翻转状态的Cell的IndexPath：

var currentFlippedIndexPath: IndexPath?

步骤2：修改Cell类，添加状态回调 #

让Cell在翻转状态改变时通知ViewController，用闭包实现回调避免强耦合，同时修复动画状态同步和复用问题：

更新你的Note类：

class Note: UICollectionViewCell { 
    var isFlipped = false 
    // 添加状态变化回调闭包
    var flipStateChanged: ((Bool) -> Void)?
    
    // 初始化时统一添加手势，避免重复添加
    override init(frame: CGRect) {
        super.init(frame: frame)
        addSwipeGestures()
    }
    
    required init?(coder: NSCoder) {
        super.init(coder: coder)
        addSwipeGestures()
    }
    
    func addSwipeGestures() { 
        let swipeLeft = UISwipeGestureRecognizer(target: self, action: #selector(swipeLeft(swipe:))) 
        swipeLeft.direction = .left 
        contentView.addGestureRecognizer(swipeLeft) 
        
        let swipeRight = UISwipeGestureRecognizer(target: self, action: #selector(swipeRight(swipe:))) 
        swipeRight.direction = .right 
        contentView.addGestureRecognizer(swipeRight) 
    } 
    
    @objc func swipeLeft(swipe: UISwipeGestureRecognizer) { 
        isFlipped ? flipToBackView(options: .transitionFlipFromLeft) : flipToFrontView(options: .transitionFlipFromLeft)
    } 
    
    @objc func swipeRight(swipe: UISwipeGestureRecognizer) { 
        isFlipped ? flipToBackView(options: .transitionFlipFromRight) : flipToFrontView(options: .transitionFlipFromRight)
    } 
    
    func flipToBackView(options: UIView.AnimationOptions ) { 
        UIView.transition(with: backView, duration: 0.3, options: options, animations: { [unowned self] in 
            self.coverImageView.isHidden = false 
            self.titleLabel.isHidden = false 
            self.titleView.isHidden = false 
        }) { [unowned self] _ in
            // 动画完成后再更新状态，确保视觉和逻辑同步
            self.isFlipped = false
            self.flipStateChanged?(self.isFlipped)
        }
    } 
    
    func flipToFrontView(options: UIView.AnimationOptions) { 
        UIView.transition(with: backView, duration: 0.3, options: options, animations: { [unowned self] in 
            self.coverImageView.isHidden = true 
            self.titleLabel.isHidden = true 
            self.titleView.isHidden = true 
        }) { [unowned self] _ in
            self.isFlipped = true
            self.flipStateChanged?(self.isFlipped)
        }
    }
    
    // 处理Cell复用，重置所有状态
    override func prepareForReuse() {
        super.prepareForReuse()
        isFlipped = false
        coverImageView.isHidden = false
        titleLabel.isHidden = false
        titleView.isHidden = false
    }
}

这里的关键修改：

• 将手势添加逻辑移到Cell初始化方法，避免重复添加
• 把isFlipped的更新移到动画完成闭包，确保状态和视觉同步
• 添加prepareForReuse方法，解决Cell复用导致的状态残留问题
• 新增flipStateChanged闭包，让Cell能通知ViewController状态变化

步骤3：在ViewController中处理状态协调 #

在cellForItemAt方法里绑定回调，同时处理之前翻转Cell的恢复逻辑：

func collectionView(_ collectionView: UICollectionView, cellForItemAt indexPath: IndexPath) -> UICollectionViewCell {
    let cell = collectionView.dequeueReusableCell(withReuseIdentifier: "NoteCell", for: indexPath) as! Note
    
    // 根据全局记录初始化Cell的显示状态
    let shouldBeFlipped = currentFlippedIndexPath == indexPath
    cell.isFlipped = shouldBeFlipped
    cell.coverImageView.isHidden = shouldBeFlipped
    cell.titleLabel.isHidden = shouldBeFlipped
    cell.titleView.isHidden = shouldBeFlipped
    
    // 绑定状态变化回调，协调全局状态
    cell.flipStateChanged = { [weak self] isFlipped in
        guard let self = self else { return }
        
        if isFlipped {
            // 新Cell要翻转打开，先关闭之前的翻转Cell
            if let previousIndex = self.currentFlippedIndexPath, previousIndex != indexPath {
                if let previousCell = collectionView.cellForItem(at: previousIndex) as? Note {
                    previousCell.flipToBackView(options: .transitionFlipFromLeft)
                }
            }
            // 更新当前翻转的IndexPath
            self.currentFlippedIndexPath = indexPath
        } else {
            // 当前Cell关闭，清空全局记录（如果它是当前翻转的Cell）
            if self.currentFlippedIndexPath == indexPath {
                self.currentFlippedIndexPath = nil
            }
        }
    }
    
    return cell
}

方案说明 #

这个方案让ViewController作为全局状态的管理者，每个Cell只负责自身的翻转动画和状态通知，既解耦了Cell与ViewController，又确保同一时间只有一个Cell处于翻转状态。同时通过prepareForReuse和初始化状态设置，彻底解决了Cell复用带来的状态混乱问题。

内容的提问来源于stack exchange，提问作者Dani