CAShapeLayer에서 색상을 빠르게 순환시키는 방법은 무엇입니까?

Question

질문 : CAShapeLayer()에 빠르게 색상을 통해

아래 코드주기. 은 정상적으로 작동하지만 장치를 예열합니다. CAShapeLayer()에서 색상을 빠르게 순환시키는 더 효율적인 방법이 더 많습니까? ?

1 부

아래의 코드는 예를 들어, 정방형 UIBezierPath()로서, 묘화되어 CAShapeLayer() 층을 채운다.

let path = UIBezierPath() 
path.moveToPoint(CGPoint(x: 0, y: 0)) 
path.addLineToPoint(CGPoint(x: 0, y: 100)) 
path.addLineToPoint(CGPoint(x: 100, y: 100)) 
path.addLineToPoint(CGPoint(x: 100, y: 0)) 
path.closePath() 

let shape = CAShapeLayer() 
shape.path = path.CGPath 
shape.fillColor = UIColor.yellowColor().CGColor 

2 부

다음으로, 나는 이미지 효과, 아래의 예제 이미지를 번쩍 여러 가지 빛깔을주고, 연속으로 빠르게 색상을 통해 CAShapeLayer() 효과적으로 사이클에 CAKeyframeAnimation 애니메이션을 추가 할 수 있습니다.

let colorsAnimation = CAKeyframeAnimation(keyPath: "fillColor") 

colorsAnimation.values = [UIColor.redColor().CGColor, UIColor.yellowColor().CGColor, UIColor.greenColor().CGColor, UIColor.blueColor().CGColor] 

colorsAnimation.keyTimes = [0.25, 0.5, 0.75, 1.0] 
colorsAnimation.calculationMode = kCAAnimationLinear 
colorsAnimation.removedOnCompletion = false 
colorsAnimation.fillMode = kCAFillModeForwards 
colorsAnimation.duration = 0.5 
colorsAnimation.repeatCount = Float.infinity 

shape.addAnimation(colorsAnimation, forKey: nil) 

이미지 :

Answer 1

그것은 이것이 내가 내 응용 프로그램에서 그것을 할 방법입니다, 약간 긴입니다 만 (전화, 따뜻해 should't 적어도 광산하지 않습니다)

var colorArray = [UIColor.red, UIColor.blue, UIColor.yellow, UIColor.orange, UIColor.green, UIColor.cyan, UIColor.purple] 

var colorIndex = 0 
var shouldStop = false 

func sequenceA() { 

    UIView.animate(withDuration: 0, delay: 0.2, options: .allowUserInteraction, animations: { 

     shape.fillColor = colorArray[colorIndex].CGColor 

    }, completion: {finished in 

     print(colorArray[colorIndex]) 

     if colorIndex == colorArray.count - 1 { 
      colorIndex = 0 
     } 
     colorIndex+=1 
     sequenceB() 

    }) 
} 

func sequenceB() { 

    // When you want to stop 
    if shouldStop == true { 
     return 
    } 


    UIView.animate(withDuration: 0, delay: 0.2, options: .allowUserInteraction, animations: { 

     shape.fillColor = colorArray[colorIndex].color 


    }, completion: {finished in 

     print(colorArray[colorIndex]) 

     if colorIndex == colorArray.count - 1 { 
      colorIndex = 0 
     } 
     colorIndex+=1 
     sequenceA() 

    }) 
} 


sequenceA() 

initate는 단지 sequenceA 또는 B를 호출하고, 그 컬러를 변경하는 반복 프로세스 자체로 잠근다. 중지하려면 shouldStop을 true로 설정하면됩니다.

두 기능의 지연을 변경하고 색상 유형을 원하는대로 전환하여 색상 전환 속도를 원하는대로 변경할 수 있습니다. 희망이 도움이!