import UIKit

class ViewController: UIViewController {
    //CoreAnimation
    var shapeLayer: CAShapeLayer! //CATextLayer
    var redLayer: CALayer!
    var greenView: UIView!

    override func viewDidLoad() {
        super.viewDidLoad()
        
        //可以顯示圖片
        let imageLayer = CALayer()
        imageLayer.frame = CGRect(x: 200, y: 350, width: 200, height: 200)
        imageLayer.contents = UIImage(named: "showcode.jpeg")?.CGImage
        self.view.layer.addSublayer(imageLayer)
        
        //可以顯示文字
        let textLayer = CATextLayer()
        textLayer.string = "這里是CATextLayer"
        textLayer.foregroundColor = UIColor.redColor().CGColor
        textLayer.frame = CGRect(x: 0, y: 200, width: 300, height: 50)
        self.view.layer.addSublayer(textLayer)
        
        //可以繪制圖形
        shapeLayer = CAShapeLayer()
        shapeLayer.frame = self.view.bounds
        shapeLayer.strokeColor = UIColor.blackColor().CGColor
        shapeLayer.fillColor = UIColor.clearColor().CGColor
        self.view.layer.addSublayer(shapeLayer)
        
        redLayer = CALayer()
        redLayer.frame = CGRect(x: 0, y: 0, width: 10, height: 10)
        redLayer.backgroundColor = UIColor.blueColor().CGColor
        redLayer.cornerRadius = 5
        self.view.layer.addSublayer(redLayer)
        
        greenView = UIView(frame: redLayer.frame)
        greenView.backgroundColor = UIColor.greenColor()
//        self.view.addSubview(greenView)
    }

    @IBAction func didStartClicked(sender: UIButton) {
//        //開始設(shè)置CALayer動畫的屬性
//        CATransaction.begin()
//        CATransaction.setAnimationDuration(5)
//        CATransaction.setAnimationTimingFunction(CAMediaTimingFunction(name: kCAMediaTimingFunctionEaseIn))
//        
//        //1. CALayer屬性改變時舵盈，默認會有動畫
//        redLayer.frame = CGRect(x: 200, y: 200, width: 50, height: 50)
//        redLayer.cornerRadius = 25
//        redLayer.borderWidth = 10
//        
//        CATransaction.commit()
//        
//        
//        greenView.frame = redLayer.frame
        
        //屬性動畫
        //不會影響實際屬性值
//        let ani01 = CABasicAnimation(keyPath: "backgroundColor")
//        ani01.duration = 5
////        ani01.fromValue = NSValue(CGPoint: CGPoint(x: 200, y: 0))
////        ani01.toValue = NSValue(CGPoint: CGPoint(x: 200, y: 200))
////        ani01.byValue = NSValue(CGPoint: CGPoint(x: 200, y: 100))
//        ani01.toValue = UIColor.purpleColor().CGColor
//        redLayer.addAnimation(ani01, forKey: "ani01")
        
        let ani02 = CAKeyframeAnimation(keyPath: "position")
        //關(guān)鍵幀的位置（關(guān)鍵點）
//        ani02.values = [
//            NSValue(CGPoint: CGPoint(x: 0, y: 0)),
//            NSValue(CGPoint: CGPoint(x: 200, y: 0)),
//            NSValue(CGPoint: CGPoint(x: 200, y: 200)),
//            NSValue(CGPoint: CGPoint(x: 0, y: 200))
//        ]
//        //到達關(guān)鍵幀（關(guān)鍵點的時刻伊约，0-1）
//        ani02.keyTimes = [0, 0.8, 0.9, 1]
        
        //創(chuàng)建坐標點
        let path = CGPathCreateMutable()
        //添加一個橢圓的軌跡
        CGPathAddEllipseInRect(path, nil, CGRect(x: 0, y: 0, width: 200, height: 200))
        ani02.path = path
        
        ani02.duration = 10
        redLayer.addAnimation(ani02, forKey: "ani02")
        
        shapeLayer.path = path
        
        //CAAnimationGroup
    }
}

編譯運行馒稍，可以看到左上角藍色的小點，隨軌跡移動

Paste_Image.png

Paste_Image.png