[swift] CoreAnimation 애니메이션 속성

22 Dec 2023

swift

CoreAnimation은 iOS 앱에서 다양한 애니메이션 효과를 쉽게 구현할 수 있도록 도와주는 강력한 도구입니다. 애니메이션을 만들 때 사용할 수 있는 다양한 속성과 기능이 있으며, 이를 효과적으로 사용하면 더욱 생동감 있는 사용자 경험을 제공할 수 있습니다.

애니메이션 속성의 종류

CoreAnimation에서는 다양한 속성을 활용하여 다양한 애니메이션을 구현할 수 있습니다. 주요 애니메이션 속성은 다음과 같습니다.

Position

position 속성은 애니메이션 대상의 위치를 나타내는 속성으로, 애니메이션을 적용하여 해당 요소의 위치를 변경할 수 있습니다.

let animation = CABasicAnimation(keyPath: "position")
animation.fromValue = view.layer.position
animation.toValue = CGPoint(x: 100, y: 100)
animation.duration = 1.0
view.layer.add(animation, forKey: "positionAnimation")

Opacity

opacity 속성은 애니메이션 대상의 투명도를 조절하는 속성으로, 애니메이션을 적용하여 해당 요소를 서서히 나타나거나 사라지게 할 수 있습니다.

let animation = CABasicAnimation(keyPath: "opacity")
animation.fromValue = 1.0
animation.toValue = 0.0
animation.duration = 1.0
view.layer.add(animation, forKey: "opacityAnimation")

Scale

transform.scale 속성은 애니메이션 대상의 크기를 조절하는 속성으로, 애니메이션을 적용하여 해당 요소의 크기를 변화시킬 수 있습니다.

let animation = CABasicAnimation(keyPath: "transform.scale")
animation.fromValue = 1.0
animation.toValue = 0.5
animation.duration = 1.0
view.layer.add(animation, forKey: "scaleAnimation")

Rotation

transform.rotation 속성은 애니메이션 대상을 회전시키는 속성으로, 애니메이션을 적용하여 해당 요소를 회전시킬 수 있습니다.

let animation = CABasicAnimation(keyPath: "transform.rotation")
animation.fromValue = 0
animation.toValue = CGFloat.pi
animation.duration = 1.0
view.layer.add(animation, forKey: "rotationAnimation")

결론

CoreAnimation을 이용하면 iOS 앱에서 다양한 애니메이션 효과를 구현할 수 있습니다. 애니메이션 속성을 활용하여 요소의 위치, 투명도, 크기, 회전 등을 제어할 수 있으며, 이를 활용하여 더욱 동적이고 생동감 있는 화면을 구현할 수 있습니다.

참고 자료:

Apple Developer Documentation - Core Animation