UIView는 테두리 모양과 일치하는 반지를 나타냅니다.

Question

테두리에서 반지를 방출하는 iOS에서 사용자 정의보기를 만들려고했습니다. 코어 그래픽을 사용하여 타원을 그렸습니다. 주기적으로 그것을 내고 싶습니다.

저는 이것을 달성하기 위해 CAEmitterLayer와 Core Animation을 모두 사용하려고했지만 실제로 원하는 효과를 얻는 방법을 모릅니다. 이상적으로는 타원이 모양 가장자리에서 두께 약 10 픽셀의 반지를 발산하고 그것이 자라면서 멀어지면서 부드럽게 퇴색하고 싶습니다.

처음 시도했을 때 코어 애니메이션을 사용하여 타원이 3 초마다 자라기 만했지만, 타원이 고정되어 있고 움직이는 또 다른 레이어가 있으면 정말 원하는 것이 있습니다.

어떤 제안이 좋을 것입니다.

내 코드가 처음 시도에서 이동했습니다. 그러나 나는 기압이 것은 :

#import "ThumbView.h" 

#import <QuartzCore/QuartzCore.h> 

@implementation ThumbView 

- (void)drawLayer:(CALayer *)layer inContext:(CGContextRef)ctx { 

    [super drawLayer:layer inContext:ctx]; 

    // Create the emitter layer and make it the same size as the view. 
    CAEmitterLayer *emitterLayer = [CAEmitterLayer layer]; 
    emitterLayer.frame = self.frame; 

    // Apply some attributes to the emitter. 
    emitterLayer.emitterShape = kCAEmitterLayerCircle; 
    emitterLayer.renderMode = kCAEmitterLayerOutline; 
    emitterLayer.emitterSize = CGSizeMake (4, 4); 

    // Create a scale animation that repeats every 3 seconds. 
    CAKeyframeAnimation *scaleAnimation = [CAKeyframeAnimation animationWithKeyPath:@"transform.scale"]; 
    scaleAnimation.duration = 3.0f; 
    scaleAnimation.repeatCount = HUGE_VAL; 
    scaleAnimation.values = @[@1, @1.5f, @1.5f]; 
    scaleAnimation.keyTimes = @[@0, @0.5, @1]; 

    // Create a fade animation that repeats every 3 seconds. 
    CAKeyframeAnimation *glowAnimation = [CAKeyframeAnimation animationWithKeyPath:@"opacity"]; 
    glowAnimation.duration = 3.0f; 
    glowAnimation.repeatCount = HUGE_VAL; 
    glowAnimation.values = @[@1, @0, @0]; 
    glowAnimation.keyTimes = @[@0, @0.5, @1]; 

    [emitterLayer addAnimation:scaleAnimation forKey:@"scale"]; 
    [emitterLayer addAnimation:glowAnimation forKey:@"opacity"]; 

    if (!self.pressed) { 
     [layer insertSublayer:emitterLayer above:layer]; 
    } else { 
     [emitterLayer removeFromSuperlayer]; 
    } 

} 

// Only override drawRect: if you perform custom drawing. 
// An empty implementation adversely affects performance during animation. 
- (void)drawRect:(CGRect)rect { 

    // Drawing code. Draw an elipse here. 
    CGContextRef context = UIGraphicsGetCurrentContext(); 

    CGContextSetFillColorWithColor (context, self.thumbColour.CGColor); 
    CGContextFillEllipseInRect (context, rect); 

} 


@end 

그래서 내가 뭘하려고 한 것은 drawLayer 내에서 에미 터 층을 만드는 것입니다 : inContext : 델리게이트 메소드; 그것에 애니메이션을 적용하십시오. 뷰 레이어에 하위 레이어로 추가합니다.

Answer 1

하나 이상의 CAShapeLayer 개체를 사용하고 셰이프 레이어에 설치된 CGPath의 눈금을 애니메이션으로 만들 것을 제안합니다.

도형 레이어는 기본적으로 경로의 변경 사항을 애니메이션으로 나타냅니다.

그리려는 타원을 획정하는 모양 레이어 집합을 만들고 원하는 효과를 얻으려면 해당 경로의 배율 설정을 변경할 수 있어야합니다.