UIImage에서 애니메이션 UIImage보기 Up & Down (호버링처럼) Loop

Question

안녕하세요. 이미지가 위아래로 움직 이도록 (위 아래로 10 픽셀 아래로 10 픽셀 씩) 위아래로 이동하려는 이미지가 있습니다. 어떻게 간단한 애니메이션 덕분에 그렇게 할 수 있을까요?

Answer 1

당신의 의견 층의 위치를 ​​애니메이션 코어 애니메이션을 사용할 수있는이 튜토리얼은 당신에게 몇 가지 아이디어를 줄 수 있습니다. 애니메이션을 additive으로 설정하면 변경 (상대 위치) 만 새 절대 위치를 계산할 필요가 없습니다. 이 이후

CABasicAnimation *hover = [CABasicAnimation animationWithKeyPath:@"position"]; 
hover.additive = YES; // fromValue and toValue will be relative instead of absolute values 
hover.fromValue = [NSValue valueWithCGPoint:CGPointZero]; 
hover.toValue = [NSValue valueWithCGPoint:CGPointMake(0.0, -10.0)]; // y increases downwards on iOS 
hover.autoreverses = YES; // Animate back to normal afterwards 
hover.duration = 0.2; // The duration for one part of the animation (0.2 up and 0.2 down) 
hover.repeatCount = INFINITY; // The number of times the animation should repeat 
[myView.layer addAnimation:hover forKey:@"myHoverAnimation"]; 

당신이 당신의 코드에 QuartzCore.framework 및 #import <QuartzCore/QuartzCore.h>를 추가해야합니다 코어 애니메이션을 사용하고 있습니다. 스위프트 3 스위프트 4

Answer 2

이러한 작업을 수행하려면 UIView의 하위 계층에 이미지를 배치 한 다음 해당 하위 계층 프레임을 애니메이션으로 만드는 것이 좋습니다. http://www.raywenderlich.com/2502/introduction-to-calayers-tutorial

Answer 3

이 시도 :

CGRect frm_up = imageView.frame; 
frm_up.origin.y -= 10; 

[UIView animateWithDuration:0.5 
    delay:0.0 
    options:UIViewAnimationOptionAutoreverse | UIViewAnimationOptionRepeats 
    animations:^{ 
     imageView.frame = frm_up; 
    } 
    completion:NULL 
]; 

Answer 4

:

let hover = CABasicAnimation(keyPath: "position") 

hover.isAdditive = true 
hover.fromValue = NSValue(cgPoint: CGPoint.zero) 
hover.toValue = NSValue(cgPoint: CGPoint(x: 0.0, y: 100.0)) 
hover.autoreverses = true 
hover.duration = 2 
hover.repeatCount = Float.infinity 

myView.layer.add(hover, forKey: "myHoverAnimation")