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

01 Dec 2023

swift

앱을 시작할 때 사용되는 런치 이미지는 사용자에게 앱이 로딩 중임을 알리는 중요한 역할을 합니다. Swift로 개발된 앱에서 더욱 흥미로운 런치 이미지를 사용하기 위해 애니메이션 효과를 추가할 수 있습니다. 이번 기술 블로그에서는 Swift 앱에서 애니메이션 효과를 가진 런치 이미지를 사용하는 방법을 안내하겠습니다.

Step 1: 애니메이션을 위한 이미지 생성

먼저, 애니메이션 효과를 위한 이미지를 생성해야 합니다. 디자인 도구를 사용하거나 이미지 편집 도구를 활용하여 원하는 애니메이션 효과를 담은 이미지를 만들어주세요. 이 예시에서는 animation1.png, animation2.png, animation3.png 와 같은 이미지를 사용한다고 가정하겠습니다.

Step 2: 애니메이션을 위한 이미지 리소스 추가하기

프로젝트 내에 애니메이션에 사용될 이미지 리소스를 추가해야 합니다. Xcode에서 프로젝트를 선택한 후, 빈 공간을 우클릭하여 Add Files to "Your Project"를 선택하고 앞서 생성한 이미지 파일들을 선택합니다. 추가한 이미지 파일들은 프로젝트 내에서 참조 가능한 이미지 리소스가 됩니다.

Step 3: 애니메이션을 위한 뷰 컨트롤러 생성하기

렌더링되는 애니메이션 효과를 보여줄 뷰 컨트롤러를 생성합니다. 이 예시에서는 AnimationViewController.swift 라는 이름의 파일을 생성하겠습니다. 해당 파일 내에서 다음의 코드를 입력해주세요:

import UIKit

class AnimationViewController: UIViewController {

    override func viewDidLoad() {
        super.viewDidLoad()
        
        // 애니메이션 이미지 뷰 생성
        let animationImageView = UIImageView(frame: view.bounds)
        animationImageView.contentMode = .scaleAspectFit
        view.addSubview(animationImageView)
        
        // 애니메이션 이미지 배열
        let animationImages: [UIImage] = [
            UIImage(named: "animation1.png")!,
            UIImage(named: "animation2.png")!,
            UIImage(named: "animation3.png")!
        ]
        
        // 애니메이션 속성 설정
        animationImageView.animationImages = animationImages
        animationImageView.animationDuration = 1.0 // 애니메이션 지속 시간 설정
        animationImageView.animationRepeatCount = 0 // 무한 반복 설정
        
        // 애니메이션 실행
        animationImageView.startAnimating()
    }

}

Step 4: 앱 설정 변경하기

앱의 런치 이미지가 표시되는 동안 애니메이션 효과를 보여주기 위해 앱의 설정을 변경해야 합니다.

프로젝트 네비게이터에서 Info.plist 파일을 선택합니다.
Information Property List에서 우클릭하여 Add Row를 선택합니다.
새로운 행의 키 값을 UILaunchImages로 설정합니다.
키 값을 선택한 뒤, 우측 상단의 + 버튼을 클릭하여 배열을 추가합니다.
배열의 첫 번째 요소를 선택하고 편집 버튼 (-) 을 클릭하여 요소를 제거합니다.
배열의 첫 번째 요소를 다시 선택한 후 Add Child 를 선택합니다.
속성 이름을 UILaunchImageMinimumOSVersion로 설정하고 값을 현재 iOS 버전에 맞게 입력합니다.
배열의 첫 번째 요소를 다시 선택한 후 Add Child를 선택합니다.
속성 이름을 UILaunchImageName으로 설정하고 값을 Default로 입력합니다.

Step 5: 애니메이션 뷰 컨트롤러를 런치 이미지로 설정하기

마지막으로, 앱의 런치 이미지로 애니메이션 뷰 컨트롤러를 설정해야 합니다. 이를 위해 다음의 코드를 AppDelegate.swift 파일에 추가합니다:

func application(_ application: UIApplication, didFinishLaunchingWithOptions launchOptions: [UIApplication.LaunchOptionsKey: Any]?) -> Bool {
    let animationViewController = AnimationViewController()
    window?.rootViewController = animationViewController
    window?.makeKeyAndVisible()
    return true
}

이제 앱을 실행하면 애니메이션 효과를 가진 런치 이미지가 사용될 것입니다.

결론

Swift 앱에서 애니메이션 효과를 가진 런치 이미지를 사용하는 방법을 알아보았습니다. 앱을 시작할 때 사용되는 런치 이미지를 통해 사용자에게 더욱 흥미로운 경험을 제공할 수 있으며, 간단한 설정과 코드를 통해 이를 구현할 수 있습니다.

참조: