swift - 从 UICollectionView cellForItemAt indexPath 为 CAShapeLayer 动画设置 toValue

Question

我有以下部分:- 我的主视图是一个带有 UICollectionView 的 UIViewController- UICollectionView 的单元格- UIView 的子类，用于构建带有 CABasicAnimation 的 CAShapeLayer

在我的主视图中，我有一个 UICollectionView，它呈现了一堆带有标签等的单元格。它还显示了一个进度图。

在我的子类 ProgressCirclePath() 中，我正在绘制一个 CAShapeLayer，它充当在我的 UICollectionView 的每个单元格中呈现的进度图。

我已经能够将数据传递到每个单元格，例如标签以及 CAShapeLayer strokeEnd 值。

一切都很好，直到我尝试将 CABasicAnimation 添加到我的路径中。在这种情况下，我无法将动画的值设置为值。使用打印控制台进行的测试显示该值在我的 UICollectionView 中可用，但在我的子类的动画 block 中不可用(它只是返回 nil)。我试过简单地设置 toValue 以及在我的 ProgressCirlePath 中创建一个变量并从 UICollectionView 中设置它。都没有用。

如果有任何关于为什么会发生这种情况以及如何解决的提示，我将不胜感激。谢谢!!

在我的 UICollectionView 中:

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

  cell.creatorLabel.text = deckCellCreator[indexPath.item]
  cell.titleLabel.text = deckCellTitle[indexPath.item]
  cell.progressLabel.text = "\(deckCellCompletionPercentage[indexPath.item])%"

  cell.progressGraphView.animation.toValue = CGFloat(deckCellCompletionPercentage[indexPath.item])/100

  return cell
}

我的单元格类中的设置:

let progressGraphView: ProgressCirclePath = {
    let circlePath = ProgressCirclePath(frame: CGRect(x:0, y:0, width: 86, height: 86))
    circlePath.progressLayer.position = circlePath.center
    circlePath.progressBackgroundLayer.position = circlePath.center
    circlePath.translatesAutoresizingMaskIntoConstraints = false
    return circlePath
}()

这里是我的 ProgressCirclePath()

class ProgressCirclePath: UIView {
let progressLayer = CAShapeLayer()
let progressBackgroundLayer = CAShapeLayer()
let animation = CABasicAnimation(keyPath: "strokeEnd")
//    var percentageValue = CGFloat()


override init(frame: CGRect) {
    super.init(frame: frame)

    layer.addSublayer(progressBackgroundLayer)
    layer.addSublayer(progressLayer)

    let circularPath = UIBezierPath(arcCenter: .zero, radius: 43, startAngle: 0, endAngle: 2*CGFloat.pi, clockwise: true)

    progressBackgroundLayer.path = circularPath.cgPath
    progressBackgroundLayer.lineWidth = 10
    progressBackgroundLayer.strokeStart = 0
    progressBackgroundLayer.strokeEnd = 1
    progressBackgroundLayer.strokeColor = UIColor(red: 221/255.0, green: 240/255.0, blue: 226/255.0, alpha: 1.0).cgColor
    progressBackgroundLayer.fillColor = UIColor.clear.cgColor
    progressBackgroundLayer.transform = CATransform3DMakeRotation(-CGFloat.pi/2, 0, 0, 1)

    progressLayer.path = circularPath.cgPath
    progressLayer.lineWidth = 10
    progressLayer.lineCap = kCALineCapRound
    progressLayer.strokeColor = UIColor(red: 72/255.0, green: 172/255.0, blue: 104/255.0, alpha: 1.0).cgColor
    progressLayer.fillColor = UIColor.clear.cgColor
    progressLayer.transform = CATransform3DMakeRotation(-CGFloat.pi/2, 0, 0, 1)


    animation.duration = 1
    animation.fromValue = 0
    // animation.toValue = percentageValue
    animation.fillMode = kCAFillModeForwards
    animation.isRemovedOnCompletion = false
    progressLayer.add(animation, forKey: "animateGraph")
    print("animation.toValue \(animation.toValue)")
}

required init?(coder aDecoder: NSCoder) {
    fatalError("has not been implemented")
}

Answer 1

您在自定义 View 的生命周期中过早地处理数据和动画的注入(inject)。不要在对象的初始值设定项中处理它们，而是将它们移到更晚的更合适的方法中，例如 layoutSubviews:

override open func layoutSubviews() {
    super.layoutSubviews()

    // handle post-init stuff here, like animations and passing in data
    // when it doesn't get passed in on init

}