UIButton에서 네이티브 "펄스 효과"애니메이션을 수행하는 방법-iOS

89

UIButton에 일종의 펄스 애니메이션 (무한 루프 "스케일 인-스케일 아웃")을 사용하여 사용자의주의를 즉시 끌고 싶습니다.

-webkit-animation-바깥 쪽 링을 사용하여 펄스 효과를 만드는 방법 이 링크를 보았지만 네이티브 프레임 워크 만 사용하여이 작업을 수행 할 수있는 방법이 있는지 궁금합니다.

— 요한
소스

198

CABasicAnimation *theAnimation;

theAnimation=[CABasicAnimation animationWithKeyPath:@"opacity"];
theAnimation.duration=1.0;
theAnimation.repeatCount=HUGE_VALF;
theAnimation.autoreverses=YES;
theAnimation.fromValue=[NSNumber numberWithFloat:1.0];
theAnimation.toValue=[NSNumber numberWithFloat:0.0];
[theLayer addAnimation:theAnimation forKey:@"animateOpacity"]; //myButton.layer instead of

빠른

let pulseAnimation = CABasicAnimation(keyPath: #keyPath(CALayer.opacity))
pulseAnimation.duration = 1
pulseAnimation.fromValue = 0
pulseAnimation.toValue = 1
pulseAnimation.timingFunction = CAMediaTimingFunction(name: CAMediaTimingFunctionName.easeInEaseOut)
pulseAnimation.autoreverses = true
pulseAnimation.repeatCount = .greatestFiniteMagnitude
view.layer.add(pulseAnimation, forKey: "animateOpacity")

"레이어 콘텐츠 애니메이션"기사 참조

— 베릴륨
소스

1

답변 해 주셔서 감사합니다! 그래도 조금 붙어 있다고 말해야합니다. CALayer에 전혀 익숙하지 않고 내 UIButton과 연결하는 방법을 잘 모르겠습니다. 또한 코드는 크기가 아닌 불투명도를 변경하는 것처럼 보입니다.

— Johann

8

괜찮아). '펄스 애니메이션'은 일반적으로 깜박임 효과에 적용되는 용어입니다. 이제 나는 당신의 질문을 다시 읽고 당신이 원하는 것을 이해합니다. 처음에는 모든 뷰에 자체 레이어가 있습니다. QartzCore 프레임 워크가 프로젝트에 추가되면 입력 만하면 myView.layer액세스 할 수 있습니다. Core Animation으로 레이어에 애니메이션을 적용 할 수 있습니다. 스케일 변환의 경우 다음 접근 방식을 사용할 수 있습니다. 구조 필드에 대한 주요 경로 지원

— beryllium

7

환상적입니다! @ "opacity"대신 @ "transform.scale"을 사용하면 매력처럼 작동합니다. 감사합니다!

— Johann

2

아직없는 경우 #import <QuartzCore/QuartzCore.h>CALayers에 대한 모든 정의를 가져 오려면 추가해야합니다 .

— progrmr

UGH! 올바른 최신 버전에 대한 실제 답변을 업데이트하지 않는 한 오래된 3 년 된 답변을 편집하지 마십시오. 공백을 추가해도 업데이트되지 않습니다. 특히 3 년이 지나도 부활하지 말자.

— Fogmeister 2014 년

31

여기에 대한 빠른 코드가 있습니다.)

let pulseAnimation:CABasicAnimation = CABasicAnimation(keyPath: "transform.scale")
pulseAnimation.duration = 1.0
pulseAnimation.toValue = NSNumber(value: 1.0)
pulseAnimation.timingFunction = CAMediaTimingFunction(name: CAMediaTimingFunctionName.easeInEaseOut)
pulseAnimation.autoreverses = true
pulseAnimation.repeatCount = .greatestFiniteMagnitude
self.view.layer.add(pulseAnimation, forKey: nil)

— 라비 샤르마
소스

2

모든 세미콜론은 어떻습니까? ;)

— Christian

@Christian 세미콜론은 pulseAnimation 상수의 유형을 설정합니다. 사용할 필요는 없지만 할당의 오른쪽이 할당 할 유형이 명확하지 않을 때 코드 명확성을 높이는 경향이 있습니다.

— Scott Chow

@ScottChow 나는 당신이 콜론에 대해 이야기하고 있다고 생각합니다. 내 의견은 Swift에 세미콜론이 필요하지 않기 때문에 원래 답변에 대한 농담이었습니다. 대답이 많이 수정되었을 때 지금은 그다지 분명하지 않은 것

— Christian

fromValue

— Kev Wats

9

빠른 코드에는 누락 fromValue되어 작동하도록 추가해야했습니다.

pulseAnimation.fromValue = NSNumber(float: 0.0)

또한 forKey설정해야합니다 removeAnimation. 그렇지 않으면 작동하지 않습니다.

self.view.layer.addAnimation(pulseAnimation, forKey: "layerAnimation")

— Bassebus
소스

3

func animationScaleEffect(view:UIView,animationTime:Float)
{
    UIView.animateWithDuration(NSTimeInterval(animationTime), animations: {

        view.transform = CGAffineTransformMakeScale(0.6, 0.6)

        },completion:{completion in
            UIView.animateWithDuration(NSTimeInterval(animationTime), animations: { () -> Void in

                view.transform = CGAffineTransformMakeScale(1, 1)
            })
    })

}


@IBOutlet weak var perform: UIButton!

@IBAction func prefo(sender: AnyObject) {
    self.animationScaleEffect(perform, animationTime: 0.7)
}

— 아마드 엘크 화가
소스