[swift] Swift Core Animation의 뷰 페이딩 애니메이션

07 Dec 2023

swift

Core Animation은 iOS 앱에서 화면 요소를 부드럽게 애니메이션화하는 강력한 도구입니다. 뷰의 페이딩 애니메이션은 특히 잘 알려진 기능 중 하나입니다. 이 기능을 사용하면 뷰가 부드럽게 나타나거나 사라질 수 있습니다.

애니메이션을 적용할 뷰 설정

Core Animation을 사용하여 뷰 페이딩 애니메이션을 만들려면 애니메이션을 적용할 뷰를 먼저 설정해야 합니다. 다음은 애니메이션을 적용할 뷰를 설정하는 코드의 예입니다.

let fadeView = UIView(frame: CGRect(x: 100, y: 100, width: 200, height: 200))
fadeView.backgroundColor = UIColor.red
self.view.addSubview(fadeView)

위 코드에서는 크기가 200x200이고 빨간색 배경을 가진 UIView 객체를 생성한 후, 해당 뷰를 self.view에 추가하고 있습니다.

페이딩 애니메이션 적용

이제 CABasicAnimation 클래스를 사용하여 페이딩 애니메이션을 만들고 적용할 수 있습니다. 다음은 뷰의 투명도를 조절하여 페이딩 애니메이션을 생성하는 코드 예제입니다.

let fadeAnimation = CABasicAnimation(keyPath: "opacity")
fadeAnimation.fromValue = 1.0
fadeAnimation.toValue = 0.0
fadeAnimation.duration = 2.0

fadeView.layer.add(fadeAnimation, forKey: "fadeAnimation")

위 코드에서는 뷰의 투명도를 1로 시작하여 2초 동안 0으로 변경하는 페이딩 애니메이션을 생성하고 있습니다. 생성한 애니메이션은 fadeView.layer.add(_:forKey:) 메서드를 사용하여 뷰의 layer에 추가됩니다.

애니메이션 실행

마지막으로 애니메이션을 실행하여 페이딩 효과를 적용할 수 있습니다. 다음은 애니메이션을 시작하는 코드 예제입니다.

fadeView.layer.opacity = 0.0
UIView.animate(withDuration: 2.0) {
    fadeView.layer.opacity = 1.0
}

위 코드에서는 뷰의 투명도를 0으로 설정한 후 UIView.animate(withDuration:animations:) 메서드를 사용하여 2초 동안 투명도를 1로 변경하는 애니메이션을 실행합니다.

결론

Swift에서 Core Animation을 사용하여 뷰 페이딩 애니메이션을 만들 수 있습니다. 애니메이션을 적용하고 실행하는 간단한 코드 예제를 통해 페이딩 효과를 구현할 수 있습니다. Core Animation은 iOS 앱에서 다양한 애니메이션 효과를 구현하는 데 유용한 도구입니다.

애니메이션을 적용할 뷰 설정

페이딩 애니메이션 적용

애니메이션 실행

결론

참고 자료