OStack程序员社区-中国程序员成长平台

标题: ios - UICollectionViewCell 翻转动画 [打印本页]

---

作者: 菜鸟教程小白    时间: 2022-12-13 08:54
标题: ios - UICollectionViewCell 翻转动画

我想在用户触摸我的单元格时制作一个翻转动画。翻转单元格时，背面应显示另一幅图像。

我已经通过在我的单元格内容上方放置一个封面图像来解决这个问题。

如何强制单元格进行翻转动画？我只能通过重新加载单元格使其工作，但这有副作用。

如何强制翻转动画并在单元格旋转 180 度时更改其状态？

这是我的 UICollectionViewCell 中包含动画的代码:

func makeImageVisible(visible:Bool, animated: Bool){

        if(animated){
            UIView.transitionWithView(self.contentView, duration: 0.5, options: UIViewAnimationOptions.TransitionFlipFromLeft, animations: { () -> Void in
                    self.coverImageView.hidden = visible
            }, completion: nil)
        }
        else{
            self.coverImageView.hidden = visible
        }
    }

单元格包含一些被封面图片覆盖的 View 。根据状态，封面图片是否隐藏。

这是我的 cellForIndexPath 方法:

func collectionView(collectionView: UICollectionView, cellForItemAtIndexPath indexPath: NSIndexPath) -> UICollectionViewCell {

    let cell = collectionView.dequeueReusableCellWithReuseIdentifier("MemoryGameCell", forIndexPath: indexPath) as! MemoryGameCell

    cell.setImage(self.image!)
    cell.makeImageVisibile(self.imageIsVisible(indexPath), animated: self.imageIsTemporaryVisible(indexPath))

    return cell
}

如果一个单元格被触摸，我将其放入可见单元格数组并重新加载 Collection View 。我通过直接调用 makeImageVisible 尝试了它而没有重新加载collectionview，但是没有任何反应。 任何想法可能是什么问题？

---

Best Answer-推荐答案

您可以在 UITableView 的 didSelectRowAtIndexPath 委托(delegate)方法上制作 UIView 动画。这是您应该调用的方法:

func collectionView(collectionView: UICollectionView, didSelectItemAtIndexPath     indexPath: NSIndexPath) {
      if(animated){
            UIView.transitionWithView(self.contentView, duration: 0.5, options: UIViewAnimationOptions.TransitionFlipFromLeft, animations: { () -> Void in
                    self.coverImageView.hidden = visible
            }, completion: nil)
        }
        else{
            self.coverImageView.hidden = visible
        } }

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

---

欢迎光临 OStack程序员社区-中国程序员成长平台 (https://ostack.cn/)

Powered by Discuz! X3.4