提问者:小点点

Swift 5 CAKeyframeAnimation-在应用程序移动到bacground后恢复图层动画


我有视图显示小指示条(用于声音)

下面是这方面的代码:

class IndicatorView: UIViewController {

enum AudioState {
    case stop
    case play
    case pause
}

var state: AudioState! {
    didSet {
        switch state {
        case .pause:
            pauseAnimation()
        case .play:
            playAnimation()
        default:
            stopAnimation()
        }
    }
}

var numberOfBars: Int = 5
var barWidth: CGFloat = 4
var barSpacer: CGFloat = 4
var barColor: UIColor = .systemPink

private var bars: [UIView] = [UIView]()


private func stopAnimation() {
    bars.forEach { $0.alpha = 0 }
}

private func pauseAnimation() {
    bars.forEach {
        $0.layer.speed = 0
        $0.transform = CGAffineTransform(scaleX: 1, y: 0.1)
    }

}

private func playAnimation() {
    bars.forEach {
        $0.alpha = 1
        $0.layer.speed = 1
    }
}

override func viewDidLoad() {
    super.viewDidLoad()
    view.backgroundColor = .clear

    DispatchQueue.main.async {
        self.setupViews()
    }
}


private func setupViews() {
    for i in 0...numberOfBars - 1 {
        let b = UIView()
        b.backgroundColor = barColor
        addAnimation(to: b)
        view.addSubview(b)
        bars.append(b)
        b.anchor(top: view.topAnchor, leading: view.leadingAnchor, bottom: view.bottomAnchor, trailing: nil,
                 padding: .init(top: 0, left: CGFloat(i) * (barWidth + barSpacer), bottom: 0, right: 0),
                 size: .init(width: barWidth, height: 0))
    }

    stopAnimation()
}

private func addAnimation(to v: UIView) {

    let animation = CAKeyframeAnimation()
    animation.keyPath = "transform.scale.y"
    animation.values = [0.1, 0.3, 0.2, 0.5, 0.8, 0.3, 0.99, 0.72, 0.3].shuffled()
    animation.duration = 1
    animation.autoreverses = true
    animation.repeatCount = .infinity
    v.layer.add(animation, forKey: "baran")
}

}

好好工作。 我用的是另一个风投。。。等等。

当应用程序移动到后台时,音乐播放器暂停,并在IndicatorView状态=。Pause被分配,但当应用程序返回时,用户点击播放。 在IndicatorViewState=.PlayPlayAnimation()调用时,条形图层的速度为1.。。 但一点动画都没有。

这里有一个简短的视频来描述我的问题

谢谢


共1个答案

匿名用户

当应用程序转到后台时,CALayer动画暂停。 您可以实现在转到bg/fg时暂停和恢复动画的方法,但是对于您的情况,如果将对“addAnimation(to:b)”的调用从setupviews移动到“playAnimation()”方法,您可以保证动画将始终存在。 例如:

bars.forEach {
        $0.alpha = 1
        addAnimation(to: $0)
        $0.layer.speed = 1
  }

希望有帮助:)