[swift] Swift 앱에서 런치 이미지에 로고 추가하기
런치 이미지는 앱이 실행되는 동안 보여지는 시작 화면입니다. Swift 앱에서는 이 런치 이미지에 로고를 추가하여 앱의 브랜드를 강화할 수 있습니다. 이번 포스트에서는 Swift 앱의 런치 이미지에 로고를 추가하는 방법에 대해 알아보겠습니다.
1. Assets 카탈로그에 이미지 추가하기
먼저, 앱에 표시할 로고 이미지를 준비해야 합니다. 준비한 이미지를 프로젝트의 Assets.xcassets 카탈로그에 추가해야 합니다. 다음은 이미지를 추가하는 방법입니다:
- Assets.xcassets 카탈로그를 선택하고, 적절한 그룹(폴더)를 생성합니다.
- 생성한 그룹에 이미지 파일(.png 또는 .jpg)을 드래그 앤 드롭합니다.
2. 런치 이미지 설정하기
런치 이미지를 설정하기 위해 Info.plist 파일을 열어야 합니다. 다음은 런치 이미지 설정 방법입니다:
- Info.plist 파일을 열고
UILaunchImages키를 찾습니다. UILaunchImages키의 배열을 확장합니다.- 배열에 프로퍼티 리스트 항목을 추가합니다.
- 추가한 항목의
UILaunchImageName키에 사용할 이미지 파일의 이름을 입력합니다. UILaunchImageSize키에 이미지의 크기를 입력합니다. (width x height 형식)UILaunchImageOrientation키에 이미지의 방향을 입력합니다. (portrait, landscape 등)- 추가한 항목을 저장한 후 Info.plist 파일을 닫습니다.
3. 로딩 화면 구현하기
마지막으로, 앱이 실행될 때 보여질 로딩 화면을 구현해야 합니다. 로딩 화면이 표시된 후에는 실제 앱 화면이 나타나도록 전환해야 합니다. 다음은 로딩 화면을 구현하는 방법입니다:
- LaunchScreen.storyboard 파일을 엽니다.
- 원하는 로딩 화면을 디자인합니다. 로고 이미지를 추가하고, 애니메이션 등을 구현할 수 있습니다.
- 원하는 디자인을 마친 후에 다음과 같이 코드로 전환합니다:
class LaunchViewController: UIViewController {
override func viewWillAppear(_ animated: Bool) {
super.viewWillAppear(animated)
// 2초 후에 다음 화면으로 이동
DispatchQueue.main.asyncAfter(deadline: .now() + 2) {
self.performSegue(withIdentifier: "ShowMainScreenSegue", sender: nil)
}
}
}
ShowMainScreenSegue식별자를 가진 세그웨이를 LaunchScreen.storyboard 파일에서 Main 화면으로 연결합니다.- 빌드 및 실행하여 로딩 화면이 나타나는지 확인합니다.
이제 Swift 앱의 런치 이미지에 로고를 추가하는 방법에 대해 알아보았습니다. 앱의 브랜딩을 강화하고 사용자 경험을 향상시키기 위해 이 기능을 사용해보세요.