CAKeyFrameAnimation with colorImageImage

Question

我正在嘗試使用CAKeyFrameAnimation爲CALayer的backgroundColor創建動畫。 當我用它的古典色彩它的作品;但是從patternImage UIColor(patternImage:"imageName").CGColor生成的顏色完全不起作用。

@IBAction func animFirstView(sender: AnyObject) 
{ 
    addAnim(view1, colors: [UIColor.blackColor().CGColor, UIColor.redColor().CGColor]) // THAT WORKS 

} 

@IBAction func animSecondView(sender: AnyObject) 
{ 

    var firstColor = UIColor(patternImage: UIImage(named:"stars1")!).CGColor; 
    addAnim(view2, 
     colors: [firstColor]); // THAT doesn't works at all :(
} 

func addAnim(view:UIView, colors:[CGColor]) 
{ 
    let anim = CAKeyframeAnimation(keyPath:"backgroundColor") 
      anim.values = colors; 
    anim.keyTimes = [0.0, 0.25, 0.5, 0.75, 1]; 
    anim.calculationMode = kCAAnimationDiscrete 
    anim.duration = 0.3; 
    anim.repeatCount = Float.infinity; 
    view.layer.addAnimation(anim, forKey: "backgroundColor"); 

} 

有人有想法嗎？

是不是可以這樣做還是我做錯了什麼？

的「錯誤」 https://github.com/lastMove/patternBugDemo

Answer 1

我不知道爲什麼backgroundColor作爲關鍵幀動畫不能正常工作的一部分設置爲圖案顏色的測試用例。我解決了這個模仿my own existing example在哪裏設置contents爲關鍵幀動畫：

@IBAction func animSecondView(sender: AnyObject) 
{ 
    var firstColor = UIColor(patternImage: UIImage(named:"stars1")!) 
    var secondColor = UIColor(patternImage: UIImage(named:"stars2")!) 
    addAnim(view2, 
     colors: [firstColor, secondColor, firstColor, secondColor]); 
} 

func addAnim(view:UIView, colors:[UIColor]) 
{ 
    let anim = CAKeyframeAnimation(keyPath:"contents") 
    anim.values = colors.map { 
     col in 
     UIGraphicsBeginImageContextWithOptions(view.bounds.size, true, 0) 
     col.setFill() 
     UIBezierPath(rect: view.bounds).fill() 
     let im = UIGraphicsGetImageFromCurrentImageContext() 
     UIGraphicsEndImageContext() 
     return im.CGImage 
    } 
    anim.keyTimes = [0.0, 0.25, 0.75, 1.0]; 
    anim.calculationMode = kCAAnimationDiscrete 
    anim.duration = 1; 
    anim.repeatCount = Float.infinity; 
    view.layer.addAnimation(anim, forKey: nil); 
} 

編輯：這裏的另一種解決辦法：繼續使用層背景顏色，而是直接更改它，用定時器：

@IBOutlet weak var view2: UIView! 
var colors = [UIColor]() 
var timer : NSTimer! 
var second = false 

@IBAction func animSecondView(sender: AnyObject) 
{ 
    var firstColor = UIColor(patternImage: UIImage(named:"stars1")!) 
    var secondColor = UIColor(patternImage: UIImage(named:"stars2")!) 
    self.colors = [firstColor, secondColor] 
    if let timer = self.timer { 
     timer.invalidate() 
    } 
    self.timer = NSTimer.scheduledTimerWithTimeInterval(0.5, target: self, selector: "anim:", userInfo: nil, repeats: true) 
} 
func anim(t:NSTimer) { 
    view2.layer.backgroundColor = self.colors[self.second ? 1 : 0].CGColor 
    self.second = !self.second 
}