Swift游乐场中的CABasicAnimation

Question

在WWDC"Swift Playgrounds"视频中试图在Swift Playground中获得动画的实时视图.我试着UIView.animateWithDuration没有运气,所以我现在正在尝试做一个CABasicaAnimation,因为这似乎是演示中使用的内容.我已经摆脱了许多令人困惑的错误,并且已经导入了适当的框架,但我仍然没有运气让我的小圈子做任何事情,但是静坐在我的中心XCPShowView.这是我的代码:

 import Foundation
 import XCPlayground
 import UIKit
 import QuartzCore

//Circle Button
class timerButtonGraphics: UIView {
    override func drawRect(rect: CGRect) {
        let colorGreen = UIColor(red: 0.310, green: 0.725, blue: 0.624, alpha: 1.000)
        let colorRed = UIColor(red: 241/255, green: 93/255, blue: 79/255, alpha: 100)
        var bounds = self.bounds
        var center = CGPoint()
        center.x = bounds.origin.x + bounds.size.width / 2
        center.y = bounds.origin.y + bounds.size.height / 2
        var radius = 61
        var path:UIBezierPath = UIBezierPath()
        path.addArcWithCenter(center, radius: CGFloat(radius), startAngle: CGFloat(0.0), endAngle: CGFloat(Float(M_PI) * 2.0), clockwise: true)
        path.strokeWithBlendMode(kCGBlendModeNormal, alpha: 100)
        path.lineWidth = 5
        colorGreen.setStroke()
        path.stroke()

        //Define the animation here
        var anim = CABasicAnimation()
        anim.keyPath = "scale.x"
        anim.fromValue = 1
        anim.toValue = 100
        anim.delegate = self
        self.layer.addAnimation(anim, forKey: nil)
    }
}

var test = timerButtonGraphics(frame: CGRect(x: 0, y: 0, width: 400, height: 400))
test.setTranslatesAutoresizingMaskIntoConstraints(true)


XCPShowView("Circle Animation", test)`

Answer 1

解决方案的第一部分是启用“在完整模拟器中运行”选项。请参阅此答案以了解分步操作。

解决方案的第二部分是将动画视图包含在容器视图中，例如：

let container = UIView(frame: CGRect(x: 0, y: 0, width: 400, height: 400))
XCPShowView("Circle Animation", container)
let test = timerButtonGraphics(frame: CGRect(x: 198, y: 0, width: 4, height: 400))
container.addSubview(test)

解决方案的第三部分是纠正你的动画。keyPath 应该transform.scale.x代替，scale.x并且您需要添加一个duration，例如：

anim.keyPath = "transform.scale.x"
anim.duration = 5

然后您应该能够在 Playground 中观看动画。