Swift 3中viewDidAppear中的动画在进入后台后不起作用

Question

Swift 3中viewDidAppear中的动画在进入后台后不起作用

swiftanimationbackgroundswift3viewdidappear

3

我正在使用Swift 3开发一个倒计时应用程序。在倒计时的背后，我创建了一个圆形，并根据倒计时进行动画。

我的问题很简单：当我点击主屏幕按钮并把应用程序放到后台时，当我回到应用程序时，动画不再工作。我不知道为什么。有趣的事实是，“绘画”只是一个普通的圆形，只有边框是动画的。圆形的背景还可以正常显示，只有边框动画不再工作。

这是我的代码:

 override func viewDidAppear(_ animated: Bool) {
      super.viewDidAppear(animated)
      let screen = self.view.frame.size.width
      let y = CGFloat(190)
      let circleWidth = CGFloat(200)
      let circleHeight = circleWidth

      // Create a new CircleView
      let circleView = CircleView(frame: CGRect(x: (screen/2) - (circleWidth/2), y: y, width: circleWidth, height: circleHeight))

      view.addSubview(circleView)

         // Animate the drawing of the circle over the course of 1 second
         circleView.animateCircle(TimeInterval(seconds))
   }

CircleView类：

import Foundation
import UIKit

class CircleView: UIView{
   var circleLayer: CAShapeLayer!

   override init(frame: CGRect) {
      super.init(frame: frame)
      self.backgroundColor = UIColor.clear

      // Use UIBezierPath as an easy way to create the CGPath for the layer.
      // The path should be the entire circle.
      let circlePath = UIBezierPath(arcCenter: CGPoint(x: frame.size.width / 2.0, y: frame.size.height / 2.0), radius: (frame.size.width - 10)/2, startAngle: CGFloat(-M_PI/2), endAngle: CGFloat(M_PI*1.5), clockwise: true)

      // Setup the CAShapeLayer with the path, colors, and line width
      circleLayer = CAShapeLayer()
      circleLayer.path = circlePath.cgPath
      circleLayer.fillColor = UIColor(red: 255/255, green: 255/255, blue: 255/255, alpha: 0.2).cgColor
      circleLayer.strokeColor = UIColor(red: 165/255, green: 219/255, blue: 255/255, alpha: 0.8).cgColor
      circleLayer.lineWidth = 2.0;

      // Don't draw the circle initially
      circleLayer.strokeEnd = 0.0

      // Add the circleLayer to the view's layer's sublayers
      layer.addSublayer(circleLayer)
   }

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


   func animateCircle(_ duration: TimeInterval) {
      // We want to animate the strokeEnd property of the circleLayer
      let animation = CABasicAnimation(keyPath: "strokeEnd")

      // Set the animation duration appropriately
      animation.duration = duration

      // Animate from 0 (no circle) to 1 (full circle)
      animation.fromValue = 1
      animation.toValue = 0

      // Do a linear animation (i.e. the speed of the animation stays the same)
      animation.timingFunction = CAMediaTimingFunction(name: kCAMediaTimingFunctionLinear)

      // Set the circleLayer's strokeEnd property to 1.0 now so that it's the
      // right value when the animation ends.
      circleLayer.strokeEnd = 0.0

      // Do the actual animation
      circleLayer.add(animation, forKey: "animateCircle")
   }

}

- KevinB

你需要知道的是，每次视图出现时，你都在添加一个新的圆形视图。相反，你应该重复使用第一次创建的同一个实例。 - GetSwifty

1个回答

网页内容由stack overflow 提供, 点击上面的

可以查看英文原文，
原文链接

- Dharmesh Kheni · Accepted Answer

您只需要在动画代码中添加一行代码，即：

animation.isRemovedOnCompletion = false

你的代码将是:

func animateCircle(_ duration: TimeInterval) {
    // We want to animate the strokeEnd property of the circleLayer
    let animation = CABasicAnimation(keyPath: "strokeEnd")

    // Set the animation duration appropriately
    animation.duration = duration

    // Animate from 0 (no circle) to 1 (full circle)
    animation.fromValue = 1
    animation.toValue = 0

    // Do a linear animation (i.e. the speed of the animation stays the same)
    animation.timingFunction = CAMediaTimingFunction(name: kCAMediaTimingFunctionLinear)

    animation.isRemovedOnCompletion = false

    // Set the circleLayer's strokeEnd property to 1.0 now so that it's the
    // right value when the animation ends.
    circleLayer.strokeEnd = 0.0

    // Do the actual animation
    circleLayer.add(animation, forKey: "animateCircle")
}