ios - 带有协议(protocol)的 UICollectionViewCell 动画

Question

我正在尝试为使用 UICollectionView 制作的菜单制作动画。我还有 2 个 Collection View ，您可以在下面看到。

我正在尝试在向下滚动时为顶部栏设置动画。动画完成后，“口袋妖怪”标签将变为白色，口袋妖怪图像将被隐藏，背景将变为蓝色。我使用协议(protocol)到达单元格。这是我的 ViewController 类。

protocol TopCategoriesDelegator{
func openTopBar()
func closeTopBar()}

这是 cellForRowAt 函数

 func collectionView(_ collectionView: UICollectionView, cellForItemAt indexPath: IndexPath) -> UICollectionViewCell {
    if collectionView == self.collectionView{
        let cell = collectionView.dequeueReusableCell(withReuseIdentifier: "topCategory", for: indexPath) as! TopCategoriesCell

        cell.viewController = self
        return cell
    }else if collectionView == subCategoriesCollectionView{
        return collectionView.dequeueReusableCell(withReuseIdentifier: "subCategories", for: indexPath)
    }else{
        return  collectionView.dequeueReusableCell(withReuseIdentifier: "productCell", for: indexPath)
    }
}

并用于检测向下滚动；

        func scrollViewDidScroll(_ scrollView: UIScrollView) {
//            print(scrollView.contentOffset.y)
        if scrollView.contentOffset.y > 160 {
                if self.cellDelegate != nil{
                    self.cellDelegate.closeTopBar() // func in main vc for background color and size
                    closeAnimation()
                }
        }else{
                if self.cellDelegate != nil{
                    self.cellDelegate.openTopBar() // func in main vc for background color and size
                    openAnimation()
                }
        }
    }

这是 TopCategoriesCell 类

override func layoutSubviews() {

    if let vc = viewController as? ProductsVC{
        vc.cellDelegate = self
    }
}
func closeTopBar() {
    UIView.animate(withDuration: 0.3) {
       self.categoryImage.frame = CGRect(x: 0, y: 0, width: 0, height: 0)
       self.categoryImage.isHidden = true
    }
}
func openTopBar(){
    UIView.transition(with: categoryImage, duration: 0.3, options: .curveEaseIn, animations: {
        self.categoryImage.isHidden = false
        self.categoryName.textColor = UIColor().rgb(red: 37.0, green: 110.0, blue: 140.0)
    }, completion: nil)
}

实际上一切正常。但是只有第一个元素消失了，其他元素就这样留在那里；

如何隐藏其他单元格的图像？

谢谢。

Answer 1

您已将 View Controller 的单元格委托(delegate)设置为单元格。这似乎是不必要的。

这也意味着由于只有一个 View Controller ，并且委托(delegate)是一对一的通信模式，因此您的 View Controller 仅将图像隐藏在一个单元格上。

要解决此问题，请使用 TopCategoriesCell 初始化程序中的 NotificationCenter，如下所示:

init(coder aDecoder: NSCoder) {
  super.init(coder: aDecoder)
  NotificationCenter.default.addObserver(self, selector: #selector(TopCategoriesCell.closeTopBar), name: NSNotification.Name(rawValue: "scrolledDown"), object: nil)
  NotificationCenter.default.addObserver(self, selector: #selector(TopCategoriesCell.openTopBar), name: NSNotification.Name(rawValue: "scrolledUp"), object: nil)
}

请注意，将其放置在哪个 init 函数中取决于您如何实例化单元格。

然后，在你的 View Controller 中:

func scrollViewDidScroll(_ scrollView: UIScrollView) {
  if scrollView.contentOffset.y > 160 {
     NotificationCenter.default.post(name: NSNotification.Name(rawValue: "scrolledDown"), object: nil)
  } else {
    NotificationCenter.default.post(name: NSNotification.Name(rawValue: "scrolledUp"), object: nil)
    openAnimation()              
  }
}

在 TopCategoriesCell 中:

deinit {
  NotificationCenter.default.removeObserver(self, name: NSNotification.Name(rawValue: "scrolledDown"), object: nil)
  NotificationCenter.default.removeObserver(self, name: NSNotification.Name(rawValue: "scrolledUp"), object: nil)
}