我试图暗示包含两个不同 View 的 UICollectionViewCell 也会相互翻转。 但是我有一个麻烦，当我翻转第一个 collectionViewCell 时，第十个 collectionViewCell 也被翻转了。请帮助我

翻转 Collection View Controller

class FlipCollectionViewController: UICollectionViewController {

private struct Storyboard {
    static let FlipCellReuseIdentifier = "FilpCell"
}

override func viewDidLoad() {
    super.viewDidLoad()
}

override func didReceiveMemoryWarning() {
    super.didReceiveMemoryWarning()

}

// MARK: UICollectionViewDataSource
override func numberOfSectionsInCollectionView(collectionView: UICollectionView) -> Int {
    //#warning Incomplete method implementation -- Return the number of sections
    return 1
}


override func collectionView(collectionView: UICollectionView, numberOfItemsInSection section: Int) -> Int {
    //#warning Incomplete method implementation -- Return the number of items in the section
    return 20
}

var selectedCellDefaultFrame:CGRect!
var selectedCellDefaultTransform:CGAffineTransform!


override func collectionView(collectionView: UICollectionView, didSelectItemAtIndexPath indexPath: NSIndexPath) {
    NSLog("select")
    let cell = collectionView.dequeueReusableCellWithReuseIdentifier(Storyboard.FlipCellReuseIdentifier, forIndexPath: indexPath) as! FilpCollectionViewCell


}

override func collectionView(collectionView: UICollectionView, cellForItemAtIndexPath indexPath: NSIndexPath) -> UICollectionViewCell {
    let cell = collectionView.dequeueReusableCellWithReuseIdentifier(Storyboard.FlipCellReuseIdentifier, forIndexPath: indexPath) as! FilpCollectionViewCell
    return cell
}

}

FlipCollectionViewCell

class FilpCollectionViewCell: UICollectionViewCell {

var back: UIView!
var front: UIImageView!
var showingBack = true
var initNumber:Int = 0


required init(coder aDecoder: NSCoder) {
    super.init(coder: aDecoder)

    let singleTap = UITapGestureRecognizer(target: self, action: "tapped")
    singleTap.numberOfTouchesRequired = 1

    self.contentView.addGestureRecognizer(singleTap)
    self.contentView.userInteractionEnabled = true

}

func tapped() {
    front = UIImageView(image: UIImage(named: "QueenCard"))
    back = UIView(frame: self.frame)
    back.backgroundColor = UIColor.blackColor()
    self.contentView.addSubview(back)

    if showingBack {
        NSLog("showBack")
        UIView.transitionFromView(back, toView: front, duration: 1, options: UIViewAnimationOptions.TransitionFlipFromLeft, completion: nil)
        showingBack = false
    } else {
        UIView.transitionFromView(front, toView: back, duration: 1, options: UIViewAnimationOptions.TransitionFlipFromRight, completion: nil)
        showingBack = true
    }
}

}

最佳答案

细胞被重复使用。向上滚动时，一个单元格不在 View 中，该单元格在 View 底部重新使用。在您的情况下，将重复使用翻转的单元格。您想要做的是在重复使用之前取消翻转单元格。

在单元格被重用之前，iOS 调用方法 prepareForReuse() ，这是您取消翻转单元格或重置任何自定义属性的地方。

在您的情况下，它可能看起来像这样(未经测试的代码):

override func prepareForReuse() {

    if showingBack {
        UIView.transitionFromView(back, toView: front, duration: 0, options: UIViewAnimationOptions.TransitionNone, completion: nil)
        showingBack = false
    }
}

这样，当单元格被重复使用时，它将被取消翻转。如果您希望翻转的单元格保持翻转状态，您应该在模型中保持翻转状态。

关于swift - 如何牵连UICollectionViewCell翻转动画，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/30643120/