[swift] Swift 앱에서 투명한 배경을 가진 런치 이미지 사용하기

01 Dec 2023

앱의 런치 이미지는 앱이 시작될 때 잠시 동안 화면에 보여지는 이미지입니다. 사용자에게 앱이 로드되고 있는 중임을 알려주고, 사용자 경험을 향상시키는 역할을 합니다. 일반적으로 런치 이미지는 앱의 로고나 아이콘과 같은 이미지를 사용합니다.

하지만 때로는 투명한 배경을 가진 런치 이미지를 사용하고 싶을 수도 있습니다. 이는 앱의 배경색이나 디자인과 조화를 이루고, 전반적인 사용자 경험을 개선할 수 있습니다.

이번 튜토리얼에서는 Swift 언어를 사용하여 앱에서 투명한 배경을 가진 런치 이미지를 사용하는 방법에 대해 알아보겠습니다.

1. 투명한 배경을 가진 런치 이미지 생성하기

먼저, 투명한 배경을 가진 런치 이미지를 생성해야 합니다. 이를 위해선 이미지 편집 툴을 사용하거나 디자이너와 협업하여 이미지를 생성할 수 있습니다.

투명한 배경을 가진 이미지를 생성한 후, 이미지를 Assets.xcassets에 추가합니다. 이미지의 이름은 “LaunchImage”와 같이 지정합니다.

다음으로, LaunchScreen.storyboard 파일을 열고 이미지를 보여줄 ImageView를 추가해야 합니다.

Storyboard의 Object Library에서 “Image View”를 검색하여 ImageView를 찾습니다.
ImageView를 LaunchScreen View Controller에 드래그 앤 드롭하여 추가합니다.
ImageView를 선택한 후, Attributes Inspector에서 이미지를 추가합니다. 이미지 필드에서 “LaunchImage”라고 입력하여 방금 생성한 이미지를 선택합니다.
ImageView의 Content Mode를 “Aspect Fill”로 설정합니다. 이는 이미지를 화면 크기에 맞게 채우도록 합니다.

마지막으로, Info.plist 파일을 수정하여 앱이 투명한 배경을 가진 런치 이미지를 사용하도록 설정해야 합니다.

Info.plist 파일을 열고, “Application Scene Manifest” 키를 추가합니다.
“Application Scene Manifest” 키 아래에 “Scene Configuration” 키를 추가합니다.
“Scene Configuration” 키 아래에 “Default Configuration” 키를 추가합니다.
“Default Configuration” 키 아래에 “Default Presentation” 키를 추가합니다.
“Default Presentation” 키의 값으로 “backgroundColor”를 입력하고, 값 필드에 “clearColor”를 입력합니다.

이제 앱을 실행하면, 투명한 배경을 가진 런치 이미지가 화면에 보여질 것입니다.

위의 단계에 따라 Swift 앱에서 투명한 배경을 가진 런치 이미지를 사용하는 방법을 알아보았습니다. 이를 통해 앱의 전반적인 사용자 경험을 개선하고, 더욱 멋진 디자인을 구현할 수 있습니다.