[swift] Swift 앱에서 애니메이션 효과를 가진 런치 스크린 사용하기

01 Dec 2023

swift

앱을 실행할 때 나타나는 런치 스크린은 사용자에게 앱이 로딩 중임을 알려주는 역할을 합니다. 기본적으로 런치 스크린은 정적인 이미지로 구성되지만, Swift를 사용하여 애니메이션 효과를 추가할 수도 있습니다.

이 튜토리얼에서는 Swift 앱에서 애니메이션 효과를 가진 런치 스크린을 사용하는 방법을 알아보겠습니다.

1. 런치 스크린 이미지 준비하기

우선 애니메이션 효과를 가진 런치 스크린을 사용하기 위해 아래와 같은 이미지를 준비해야 합니다.

정적인 이미지: 앱의 로딩 화면에서 처음 나타날 이미지
애니메이션 이미지들: 애니메이션 효과를 위한 이미지들의 연속

이미지를 준비한 후에는 프로젝트에 추가해주어야 합니다. Xcode에서 Assets.xcassets에 이미지를 추가하거나, 이미지 파일을 프로젝트 내의 적절한 위치에 복사해도 됩니다.

2. LaunchScreen.storyboard 만들기

다음으로는 LaunchScreen.storyboard 파일을 만들어야 합니다. 이 파일은 애플리케이션이 시작될 때 보여질 화면을 구성하는 데 사용됩니다.

Xcode에서 새로운 파일을 추가합니다.
iOS 탭에서 “Launch Screen” 템플릿을 선택하고 Next를 클릭합니다.
파일 이름을 입력한 후 Create를 클릭합니다.

LaunchScreen.storyboard 파일이 만들어지면 화면을 구성하기 위해 인터페이스 빌더를 사용할 수 있습니다.

3. 애니메이션 효과를 위한 뷰 추가하기

LaunchScreen.storyboard 파일을 열고 애니메이션 효과를 추가할 뷰를 추가해야 합니다. 예를 들어, 이미지의 애니메이션을 구현하기 위해 UIImageView를 사용할 수 있습니다.

Object 라이브러리에서 UIImageView를 선택하여 LaunchScreen.storyboard에 추가합니다.
UIImageView를 선택하고 Attributes inspector에서 이미지 속성을 설정합니다.
애니메이션 효과를 위한 이미지들의 이름을 알려주기 위해 UIImageView의 태그 속성을 설정합니다.

애니메이션 효과를 위한 뷰를 추가한 후에는 애니메이션을 구현할 코드를 작성해야 합니다.

4. 애니메이션 구현하기

애니메이션을 구현하기 위해 AppDelegate.swift 파일을 열고 didFinishLaunchingWithOptions 메서드 내부에 애니메이션을 구현하는 코드를 추가합니다.

func application(_ application: UIApplication, didFinishLaunchingWithOptions launchOptions: [UIApplication.LaunchOptionsKey: Any]?) -> Bool {
    // 애니메이션을 표시할 뷰를 찾습니다. (UIImageView 태그를 사용하여 찾을 수 있습니다.)
    if let animationView = window?.viewWithTag(1) as? UIImageView {
        // 애니메이션 이미지 배열을 만듭니다.
        var animationImages: [UIImage] = []
        for i in 0...9 {
            if let image = UIImage(named: "animation\(i)") {
                animationImages.append(image)
            }
        }
        
        // 이미지 순환 속도와 애니메이션 횟수를 설정합니다.
        animationView.animationImages = animationImages
        animationView.animationDuration = 1.0
        animationView.animationRepeatCount = 0 // 무한 반복
        
        // 애니메이션을 시작합니다.
        animationView.startAnimating()
    }
    
    return true
}

애니메이션을 구현하는 코드를 작성한 후 앱을 실행하면 애니메이션 효과를 가진 런치 스크린이 표시될 것입니다.

결론

이 튜토리얼에서는 Swift 앱에서 애니메이션 효과를 가진 런치 스크린을 사용하는 방법에 대해 알아보았습니다. 애니메이션 효과를 가진 런치 스크린을 사용함으로써 사용자에게 더욱 흥미로운 경험을 제공할 수 있습니다. 자세한 내용은 Apple Developer Documentation을 참조하시기 바랍니다.