[swift] Swift Core Animation의 텍스트 애니메이션 효과

07 Dec 2023

swift

Core Animation은 iOS 애플리케이션에서 풍부한 애니메이션 효과를 구현하는 데 매우 강력한 프레임워크입니다. 이를 사용하면 텍스트에 다양한 애니메이션 효과를 쉽게 적용할 수 있습니다. 이번 블로그 포스트에서는 Swift를 사용하여 Core Animation을 이용한 텍스트 애니메이션 효과를 구현하는 방법에 대해 알아보겠습니다.

Core Animation 기본 개념

Core Animation은 레이어 기반의 애니메이션을 제공합니다. 애니메이션을 표현하려는 뷰의 레이어를 가져와서 해당 레이어의 프로퍼티를 변경하면 애니메이션 효과를 적용할 수 있습니다.

텍스트 애니메이션 구현하기

다음은 문자열을 형성하는 텍스트 레이어를 만들고, 이를 이용하여 애니메이션 효과를 적용하는 간단한 예시입니다.

import UIKit

class ViewController: UIViewController {

    override func viewDidLoad() {
        super.viewDidLoad()
        
        // 텍스트 레이어 생성
        let textLayer = CATextLayer()
        textLayer.string = "Hello, Core Animation!"
        textLayer.font = UIFont.systemFont(ofSize: 24)
        textLayer.frame = CGRect(x: 100, y: 100, width: 200, height: 50)
        view.layer.addSublayer(textLayer)
        
        // 텍스트 애니메이션 설정
        let animation = CABasicAnimation(keyPath: "opacity")
        animation.fromValue = 1.0
        animation.toValue = 0.0
        animation.duration = 2.0
        animation.repeatCount = .infinity
        animation.autoreverses = true
        textLayer.add(animation, forKey: "textAnimation")
    }
}

위의 예시 코드에서는 “Hello, Core Animation!” 문자열을 보여주는 텍스트 레이어인 textLayer를 생성하고, 해당 레이어의 프로퍼티를 변경하여 애니메이션 효과를 적용합니다. CABasicAnimation을 사용하여 opacity 프로퍼티를 애니메이션의 시작값(fromValue)은 1.0, 종료값(toValue)은 0.0으로 설정하였습니다. 애니메이션의 duration은 2.0초로 지정하였고, repeatCount를 .infinity로 설정하여 애니메이션이 무한히 반복되도록 하였습니다. 또한, autoreverses를 true로 설정하여 애니메이션이 순방향/역방향으로 반복되도록 하였습니다.

이렇게 설정된 애니메이션은 textLayer에 add(animation, forKey:) 메서드를 사용하여 추가되고, 텍스트 레이어에 애니메이션이 적용됩니다.

추가적인 효과

Core Animation을 사용하면 텍스트에 적용할 수 있는 다양한 효과를 구현할 수 있습니다. 예를 들어, 텍스트를 회전시킨다거나, 크기를 조절한다거나, 위치를 이동시키는 등의 효과를 적용할 수 있습니다. CABasicAnimation을 사용하여 텍스트 레이어의 다른 프로퍼티를 변경하고 애니메이션을 적용하면 됩니다.

Core Animation은 다른 애니메이션 기법과도 함께 사용할 수 있습니다. 예를 들어, UIView의 애니메이션 블록 내에서 Core Animation을 사용하거나, CATransaction을 사용하여 여러 개의 애니메이션을 동시에 적용할 수도 있습니다.

마치며

이번 포스트에서는 Swift Core Animation을 이용하여 텍스트 애니메이션 효과를 구현하는 방법에 대해 알아보았습니다. Core Animation은 iOS 애플리케이션 개발에서 매우 강력한 도구로 사용될 수 있으며, 다양한 애니메이션 효과를 구현할 수 있습니다. 자세한 내용은 공식 문서나 다른 자료를 참고하시기 바랍니다.

참고자료: