앱 아이콘 변경

1. 시작하기 전에

앱 아이콘은 독특한 스타일과 모양을 추가하여 앱을 차별화하는 중요한 방법입니다. 앱 아이콘은 홈 화면, 모든 앱 화면, 설정 앱 등 여러 위치에서 표시됩니다.

앱 아이콘을 런처 아이콘이라고도 합니다. 런처는 Android 기기에서 홈 버튼을 눌러 앱을 보거나 구성하고 위젯과 바로가기를 추가하는 등의 작업을 할 때의 환경을 나타냅니다.

ec0237fb600dd2a9.png e7a9b86b35f7d6c3.png

다양한 Android 기기를 사용해 보면 알 수 있듯이 런처 환경은 기기 제조업체에 따라 다르게 보일 수 있습니다. 기기 제조업체는 브랜드에 특징적인 맞춤 런처 환경을 만들기도 합니다. 예를 들어 여러 제조업체에서 위에 예로 든 원형 아이콘 모양과는 다른 모양으로 앱 아이콘을 표시할 수 있습니다.

예를 들어 정사각형 모양이나 모서리가 둥근 정사각형, 정사각형과 원형의 중간형으로 앱 아이콘을 모두 표시할 수 있습니다.

다양한 앱 아이콘 모양의 이미지

기기 제조업체에서 선택하는 모양과 상관없이 단일 기기의 모든 앱 아이콘을 동일한 모양으로 만들어 일관된 사용자 환경을 제공하는 것이 목표입니다.

아이콘의 동일한 모양을 보여주는 이미지

이러한 이유로 Android 플랫폼에서 적응형 아이콘 지원(API 수준 26부터)을 도입했습니다. 앱에 적응형 아이콘을 구현하면 앱에서 기기 디스플레이에 맞게 런처 아이콘을 조정하여 다양한 기기를 수용할 수 있습니다.

이 Codelab에서는 Affirmations 앱 런처 아이콘의 이미지 소스 파일을 제공합니다. Android 스튜디오에서 Image Asset Studio라는 도구를 사용하여 다양한 버전의 런처 아이콘을 생성합니다. 그런 다음 배운 내용을 다른 앱의 앱 아이콘에 적용할 수 있습니다.

Affirmations 앱 런처 아이콘의 이미지

기본 요건

  • 리소스 파일을 비롯하여 기본 Android 프로젝트의 파일을 탐색할 수 있어야 합니다.
  • Android 스튜디오에서 에뮬레이터 또는 실제 기기에 Android 앱을 설치할 수 있어야 합니다.

학습할 내용

  • 앱의 런처 아이콘 변경 방법
  • Android 스튜디오에서 Image Asset Studio를 사용하여 런처 아이콘 애셋을 생성하는 방법
  • 적응형 아이콘의 정의와 이 아이콘이 두 레이어인 이유

실습 내용

  • Affirmations 앱의 맞춤 런처 아이콘 제작

필요한 항목

  • Android 스튜디오의 최신 안정화 버전이 설치된 컴퓨터
  • 이미지 리소스 파일을 다운로드하기 위한 인터넷 연결
  • GitHub 액세스

시작 코드 다운로드하기

Android 스튜디오에서 basic-android-kotlin-compose-training-affirmations 폴더를 엽니다.

  1. 프로젝트에 제공된 GitHub 저장소 페이지로 이동합니다.
  2. 브랜치 이름이 Codelab에 지정된 브랜치 이름과 일치하는지 확인합니다. 예를 들어 다음 스크린샷에서 브랜치 이름은 main입니다.

1e4c0d2c081a8fd2.png

  1. 프로젝트의 GitHub 페이지에서 Code 버튼을 클릭하여 팝업을 엽니다.

1debcf330fd04c7b.png

  1. 팝업에서 Download ZIP 버튼을 클릭하여 컴퓨터에 프로젝트를 저장합니다. 다운로드가 완료될 때까지 기다립니다.
  2. 컴퓨터에서 파일을 찾습니다(예: Downloads 폴더).
  3. ZIP 파일을 더블클릭하여 압축을 해제합니다. 프로젝트 파일이 포함된 새 폴더가 만들어집니다.

Android 스튜디오에서 프로젝트 열기

  1. Android 스튜디오를 시작합니다.
  2. Welcome to Android Studio 창에서 Open을 클릭합니다.

d8e9dbdeafe9038a.png

참고: Android 스튜디오가 이미 열려 있는 경우 File > Open 메뉴 옵션을 대신 선택합니다.

8d1fda7396afe8e5.png

  1. 파일 브라우저에서 압축 해제된 프로젝트 폴더가 있는 위치로 이동합니다(예: Downloads 폴더).
  2. 프로젝트 폴더를 더블클릭합니다.
  3. Android 스튜디오가 프로젝트를 열 때까지 기다립니다.
  4. Run 버튼 8de56cba7583251f.png을 클릭하여 앱을 빌드하고 실행합니다. 예상대로 작동하는지 확인합니다.

2. 런처 아이콘

목표는 기기 모델이나 화면 밀도와 상관없이 런처 아이콘의 모양을 선명하고 명확하게 만드는 것입니다. 화면 밀도는 화면의 인치당 픽셀 수 또는 인치당 도트 수(dpi)를 나타냅니다. 중밀도 기기(mdpi)의 경우 화면의 인치당 도트 수가 160이지만 초초초고밀도 기기(xxxhdpi)는 화면의 인치당 도트 수가 640입니다.

다양한 화면 밀도의 기기를 고려하려면 여러 버전의 앱 아이콘을 제공해야 합니다.

런처 아이콘 파일 탐색

  1. 프로젝트 내에서 런처 아이콘이 어떻게 표시되는지 확인하려면 Android 스튜디오에서 프로젝트를 엽니다.
  2. Project 창에서 Project 뷰로 전환합니다. 이렇게 하면 프로젝트의 파일 구조가 표시됩니다.

eef1b274888f2a1c.png

  1. 리소스 디렉터리(app > src > main > res)로 이동하여 일부 mipmap 폴더를 펼칩니다. 이러한 mipmap 폴더는 Android 앱의 런처 아이콘 애셋을 배치하는 위치입니다.

b725c14ee21fce54.png

drawable 폴더에는 런처 아이콘에 관한 벡터가 XML 파일로 포함되어 있습니다. 벡터(드로어블 아이콘의 경우)는 컴파일될 때 이미지를 그리는 일련의 안내입니다. mdpi, hdpi, xhdpi 등은 밀도 한정자로, 리소스 디렉터리(예: mipmap,)의 이름에 추가하여 특정 화면 밀도 기기의 리소스라고 나타낼 수 있습니다. 다음은 Android의 밀도 한정자 목록입니다.

  • mdpi - 중밀도 화면의 리소스(~160dpi)
  • hdpi - 고밀도 화면의 리소스 (~240dpi)
  • xhdpi - 초고밀도 화면의 리소스(~320dpi)
  • xxhdpi - 초초고밀도 화면의 리소스(~480dpi)
  • xxxhdpi - 초초초고밀도 화면의 리소스(~640dpi)
  • nodpi - 화면의 픽셀 밀도와 관계없이 조정할 수 없는 리소스
  • anydpi - 어떤 밀도로도 조정 가능한 리소스
  1. 이미지 파일을 클릭하면 미리보기가 표시됩니다. ic_launcher.webp 파일에는 정사각형 버전의 아이콘이 있지만 ic_launcher_round.webp 파일에는 원형 버전의 아이콘이 있습니다. 둘 다 각 mipmap 디렉터리에 제공됩니다.

예를 들어 res > mipmap-xxxhdpi > ic_launcher_round.webp의 모양은 다음과 같습니다. 애셋의 크기는 오른쪽 상단에 표시됩니다. 이미지 크기는 192px x 192px입니다.

1da42b08b39e8560.png

res > mipmap-mdpi > ic_launcher_round.webp의 모양은 다음과 같습니다. 크기는 48px x 48px에 불과합니다.

5a5eaf5d0c2f67de.png

이러한 비트맵 이미지 파일이 고정된 픽셀 그리드로 구성되는 것을 확인할 수 있습니다. 특정 화면 해상도를 위해 만들어졌습니다. 따라서 크기를 조절하면 화질이 저하될 수 있습니다.

런처 아이콘에 관한 배경 지식이 생겼으므로 이제 적응형 아이콘에 관해 알아봅니다.

3. 적응형 아이콘

포그라운드 및 백그라운드 레이어

Android 8.0 버전(API 수준 26)부터 적응형 아이콘을 지원하여 유연성과 흥미로운 시각적 효과를 더할 수 있습니다. 개발자에게 이는 앱 아이콘이 두 레이어, 즉 포그라운드 레이어와 백그라운드 레이어로 구성되어 있음을 의미합니다.

1af36983e3677abe.gif

위 예에서 흰색 Android 아이콘은 포그라운드 레이어에 있지만 파란색과 흰색 그리드는 백그라운드 레이어에 있습니다. 포그라운드 레이어는 백그라운드 레이어 위에 쌓입니다. 그런 다음 마스크(여기서는 원형 마스크)가 맨 위에 적용되어 원형 모양의 앱 아이콘이 생성됩니다.

적응형 아이콘 파일 탐색

Affirmations 앱 코드에 이미 제공된 기본 적응형 아이콘 파일을 살펴봅니다.

  1. Android 스튜디오의 Project 창에서 res > mipmap-anydpi-v26 리소스 디렉터리를 찾아 펼칩니다.

29758558d7509497.png

  1. ic_launcher.xml 파일을 엽니다. 표시 내용:
<?xml version="1.0" encoding="utf-8"?>
<adaptive-icon xmlns:android="http://schemas.android.com/apk/res/android">
    <background android:drawable="@drawable/ic_launcher_background"/>
    <foreground android:drawable="@drawable/ic_launcher_foreground"/>
    <monochrome android:drawable="@drawable/ic_launcher_foreground"/>
</adaptive-icon>
  1. 각각에 리소스 드로어블을 제공하여 앱 아이콘의 <background><foreground> 레이어를 선언하는 데 <adaptive-icon> 요소가 어떻게 사용되는지 확인합니다.
  2. Project 뷰로 돌아가서 다음과 같이 백그라운드 드로어블과 포그라운드 드로어블을 찾습니다. res > drawable > ic_launcher_background.xml, res > drawable > ic_launcher_foreground.xml
  3. Design 뷰로 전환하면 각각의 미리보기가 표시됩니다.

백그라운드 이미지는 다음과 같습니다.

b24d4a67be43b6d9.png

포그라운드 이미지는 다음과 같습니다.

c05923559b5541f1.png

  1. 둘 다 벡터 드로어블 파일입니다. 픽셀 단위의 고정된 크기는 없습니다. Code 뷰로 전환하면 <vector> 요소를 사용하여 벡터 드로어블의 XML 선언을 확인할 수 있습니다.

ic_launcher_foreground.xml

<!--
    Copyright (C) 2023 The Android Open Source Project

    Licensed under the Apache License, Version 2.0 (the "License");
    you may not use this file except in compliance with the License.
    You may obtain a copy of the License at

         https://www.apache.org/licenses/LICENSE-2.0

    Unless required by applicable law or agreed to in writing, software
    distributed under the License is distributed on an "AS IS" BASIS,
    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
    See the License for the specific language governing permissions and
    limitations under the License.
-->

<vector xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:aapt="http://schemas.android.com/aapt"
    android:width="108dp"
    android:height="108dp"
    android:viewportWidth="108"
    android:viewportHeight="108">
  <path android:pathData="M31,63.928c0,0 6.4,-11 12.1,-13.1c7.2,-2.6 26,-1.4 26,-1.4l38.1,38.1L107,108.928l-32,-1L31,63.928z">
    <aapt:attr name="android:fillColor">
      <gradient
          android:endX="85.84757"
          android:endY="92.4963"
          android:startX="42.9492"
          android:startY="49.59793"
          android:type="linear">
        <item
            android:color="#44000000"
            android:offset="0.0" />
        <item
            android:color="#00000000"
            android:offset="1.0" />
      </gradient>
    </aapt:attr>
  </path>
  <path
      android:fillColor="#FFFFFF"
      android:fillType="nonZero"
      android:pathData="M65.3,45.828l3.8,-6.6c0.2,-0.4 0.1,-0.9 -0.3,-1.1c-0.4,-0.2 -0.9,-0.1 -1.1,0.3l-3.9,6.7c-6.3,-2.8 -13.4,-2.8 -19.7,0l-3.9,-6.7c-0.2,-0.4 -0.7,-0.5 -1.1,-0.3C38.8,38.328 38.7,38.828 38.9,39.228l3.8,6.6C36.2,49.428 31.7,56.028 31,63.928h46C76.3,56.028 71.8,49.428 65.3,45.828zM43.4,57.328c-0.8,0 -1.5,-0.5 -1.8,-1.2c-0.3,-0.7 -0.1,-1.5 0.4,-2.1c0.5,-0.5 1.4,-0.7 2.1,-0.4c0.7,0.3 1.2,1 1.2,1.8C45.3,56.528 44.5,57.328 43.4,57.328L43.4,57.328zM64.6,57.328c-0.8,0 -1.5,-0.5 -1.8,-1.2s-0.1,-1.5 0.4,-2.1c0.5,-0.5 1.4,-0.7 2.1,-0.4c0.7,0.3 1.2,1 1.2,1.8C66.5,56.528 65.6,57.328 64.6,57.328L64.6,57.328z"
      android:strokeWidth="1"
      android:strokeColor="#00000000" />
</vector>

벡터 드로어블과 비트맵 이미지는 모두 그래픽을 설명하지만 중요한 차이점이 있습니다.

비트맵 이미지는 각 픽셀의 색상 정보를 제외하고 보유한 이미지에 관해 잘 알지 못합니다. 반면에 벡터 그래픽은 이미지를 정의하는 모양을 그리는 방법을 알고 있습니다. 이러한 지침은 색상 정보와 함께 일련의 점과 선, 곡선으로 구성됩니다. 벡터 그래픽은 화질 저하 없이 모든 화면 밀도의 어떤 캔버스 크기로도 조정할 수 있다는 것이 장점입니다.

벡터 드로어블은 Android의 벡터 그래픽 구현으로, 휴대기기에서 유연하도록 만들어졌습니다. 이러한 가능한 요소를 사용하여 XML로 정의할 수 있습니다. 모든 밀도 버킷에 비트맵 애셋 버전을 제공하는 대신 이미지를 한 번만 정의하면 됩니다. 따라서 앱의 크기가 줄어 유지하기가 쉬워집니다.

이제 실제로 앱 아이콘을 변경해보겠습니다.

4. 새 애셋 다운로드

Affirmations 앱의 적응형 아이콘을 만들 수 있는 다음 두 가지 새 애셋을 다운로드합니다. 벡터 드로어블 파일의 모든 세부정보를 알 필요는 없습니다. 콘텐츠는 디자인 도구에서 자동으로 생성됩니다.

  1. 백그라운드 레이어의 벡터 드로어블인 ic_launcher_background.xml을 다운로드합니다. 브라우저에서 파일을 다운로드하지 않고 표시하는 경우 파일 > 페이지를 다른 이름으로 저장을 선택하여 파일을 컴퓨터에 저장합니다.
  2. 포그라운드 레이어의 벡터 드로어블인 ic_launcher_foreground.xml을 다운로드합니다.

이러한 포그라운드 및 백그라운드 레이어 애셋에는 특정 요구사항(예: 둘 다 크기가 108dpi x 108dpi여야 함)이 있습니다. AdaptiveIconDrawable 문서에서 자세한 내용을 확인할 수 있고 Material Design 사이트에서 Android 아이콘에 관한 디자인 안내를 확인할 수도 있습니다.

기기 제조업체의 마스크 모양에 따라 아이콘의 가장자리가 잘릴 수 있으므로 아이콘에 관한 주요 정보를 '안전 영역'에 배치해야 합니다. 안전 영역은 포그라운드 레이어 중심에 있는 직경 66dpi의 원입니다. 안전 영역 밖의 콘텐츠는 배경 색상과 같이 필수적이지 않아야 하며 잘려도 괜찮습니다.

5. 앱 아이콘 변경

Android 스튜디오로 돌아가서 방금 다운로드한 새 애셋을 사용합니다.

  1. 먼저 Android 아이콘과 녹색 그리드 배경이 있는 이전 드로어블 리소스를 삭제합니다. Project 뷰에서 파일을 마우스 오른쪽 버튼으로 클릭하고 Delete를 선택합니다.

다음을 삭제합니다.

drawable/ic_launcher_background.xml
drawable/ic_launcher_foreground.xml

다음을 삭제합니다.

mipmap-anydpi-v26/
mipmap-hdpi/
mipmap-mdpi/
mipmap-xhdpi/
mipmap-xxhdpi/
mipmap-xxxhdpi/

Safe delete (with usage search) 체크박스를 선택 해제하고 OK를 클릭하면 됩니다. Safe delete (with usage search) 기능은 삭제하려는 리소스의 사용을 코드에서 검색합니다. 여기서는 이러한 폴더를 동일한 이름의 새 폴더로 대체하므로 Safe delete를 걱정하지 않아도 됩니다.

  1. Image Asset을 만듭니다. res 디렉터리를 마우스 오른쪽 버튼으로 클릭하고 New > Image Asset을 선택하거나 Resource Manager 탭을 클릭하고 + 아이콘을 클릭한 후 드롭다운에서 Image Asset을 선택하면 됩니다.

dbe59156de9fde40.png

  1. Android 스튜디오의 Image Asset Studio 도구가 열립니다.
  2. 기본 설정을 다음과 같이 그대로 유지합니다.
  • Icon Type: Launcher Icons(Adaptive and Legacy)
  • Name: ic_launcher

4729e4abc9542d87.png

  1. Foreground Layer 탭이 이미 선택된 상태로 Source Asset 하위 섹션으로 이동합니다. Path 입력란에서 폴더 아이콘을 클릭합니다.
  2. 컴퓨터를 탐색하여 파일을 선택하라는 메시지가 표시됩니다. 방금 다운로드한 새 ic_launcher_foreground.xml 파일의 위치를 찾습니다. 컴퓨터의 Downloads 폴더에 있을 수 있습니다. 파일을 찾으면 Open을 클릭합니다.
  3. 이제 Path가 새 포그라운드 벡터 드로어블의 위치로 업데이트됩니다. Layer Nameic_launcher_foreground로, Asset TypeImage로 그대로 둡니다.

2f59e5ac70a8a033.png

  1. 이제 인터페이스의 Background Layer 탭으로 전환합니다. 기본값으로 둡니다.
  2. Path 입력란에서 폴더 아이콘을 클릭합니다.
  3. 방금 다운로드한 ic_launcher_background.xml 파일의 위치를 찾습니다. Open을 클릭합니다.

dc0aee541c8039e7.png

  1. 새 리소스 파일을 선택하면 미리보기가 업데이트됩니다. 새로운 포그라운드 및 백그라운드 레이어가 적용된 모양은 다음과 같습니다.

a111303e7703fc99.png

기기 제조업체(OEM이라고 함)는 두 레이어로 앱 아이콘을 표현하여 위 미리보기와 같이 Android 기기에 따라 여러 모양을 만들 수 있습니다. OEM은 기기의 모든 앱 아이콘에 적용되는 마스크를 제공합니다.

원형 마스크가 앱 아이콘의 두 레이어에 모두 적용되면 Android 이미지와 파란색 그리드 배경(위 왼쪽 이미지)이 있는 원형 아이콘이 생성됩니다. 또는 모서리가 둥근 정사각형 마스크를 적용하면 위 오른쪽과 같은 앱 아이콘이 생성될 수 있습니다.

포그라운드 레이어와 백그라운드 레이어를 모두 보유하면 흥미로운 시각적 효과를 얻을 수 있습니다. 두 레이어가 서로 독립적으로 이동하고 크기를 조절할 수 있기 때문입니다. 시각 효과가 어떻게 표시될 수 있는지에 관한 재미있는 예는 디자인 고려사항의 적응형 아이콘 디자인 블로그 게시물을 참고하세요. 사용자가 사용할 기기나 OEM이 아이콘에 적용할 마스크를 알 수 없으므로 중요한 정보가 잘리지 않도록 적응형 아이콘을 설정해야 합니다.

  1. 중요한 콘텐츠가 잘리거나 너무 작게 표시되면 각 레이어의 Scaling 섹션에서 Resize 슬라이더 바를 사용해 모든 내용이 안전 영역에 표시되도록 할 수 있습니다. 아무것도 잘리지 않도록 하려면 Foreground Layer 탭과 Background Layer 탭에서 Resize 슬라이더를 드래그하여 전경 이미지와 배경 이미지의 크기를 99%로 조절합니다.

57fec53a0411f206.png

  1. Next를 클릭합니다.
  2. 이 단계는 Confirm Icon Path 단계입니다. 개별 파일을 클릭하여 미리보기를 확인할 수 있습니다.

4b0a24f0cbd9a2a2.png

  1. Finish를 클릭합니다.
  2. 생성된 모든 애셋이 mipmap 폴더에서 올바르게 표시되는지 확인합니다. 예를 들면 다음과 같습니다.

339af1a3b9ff550c.png 31bc221b0e4b8206.png

수고하셨습니다. 이제 한 가지를 더 변경합니다.

앱 테스트

  1. 새로운 앱 아이콘이 표시되는지 테스트합니다. 기기(에뮬레이터 또는 실제 기기)에서 앱을 실행합니다.
  2. 기기의 버튼을 누릅니다.
  3. 위로 스와이프하여 모든 앱 목록을 표시합니다.
  4. 방금 업데이트한 앱을 찾습니다. 새로운 앱 아이콘이 표시됩니다.

c943f8c37c450545.png

좋습니다. 새로운 앱 아이콘의 모양이 훌륭합니다.

적응형 및 레거시 런처 아이콘

이제 적응형 아이콘이 잘 작동하므로 모든 앱 아이콘 비트맵 이미지를 제거할 수 없는 이유가 궁금할 수 있습니다. 이전 버전의 Android에서 앱 아이콘이 고화질로 표시되기 위해(이전 버전과의 호환성이라고 함) 이러한 파일이 여전히 필요합니다.

Android 8.0 이상(API 버전 26 이상)을 실행하는 기기의 경우 적응형 아이콘을 사용할 수 있습니다(OEM 마스크가 맨 위에 적용된 포그라운드 벡터 드로어블과 백그라운드 벡터 드로어블 조합). 다음은 프로젝트의 관련 파일입니다.

res/drawable/ic_launcher_background.xml
res/drawable/ic_launcher_foreground.xml
res/mipmap-anydpi-v26/ic_launcher.xml
res/mipmap-anydpi-v26/ic_launcher_round.xml

Android 8.0 미만(그러나 앱의 최소 필수 API 수준 이상)을 실행하는 기기에서는 레거시 런처 아이콘이 사용됩니다(다양한 밀도 버킷의 mipmap 폴더에 있는 비트맵 이미지). 다음은 프로젝트의 관련 파일입니다.

res/mipmap-mdpi/ic_launcher.webp
res/mipmap-mdpi/ic_launcher_round.webp
res/mipmap-hdpi/ic_launcher.webp
res/mipmap-hdpi/ic_launcher_round.webp
res/mipmap-xhdpi/ic_launcher.png
res/mipmap-xhdpi/ic_launcher_round.webp
res/mipmap-xxhdpi/ic_launcher.webp
res/mipmap-xxhdpi/ic_launcher_round.webp
res/mipmap-xxxhdpi/ic_launcher.webp
res/mipmap-xxxhdpi/ic_launcher_round.webp

기본적으로 Android는 적응형 아이콘을 지원하지 않는 이전 기기의 비트맵 이미지로 대체합니다.

축하합니다. 앱 아이콘 변경 단계를 모두 완료했습니다.

6. 솔루션 코드 가져오기

완료된 Codelab의 코드를 다운로드하려면 다음 git 명령어를 사용하면 됩니다.

$ git clone https://github.com/google-developer-training/basic-android-kotlin-compose-training-affirmations.git
$ cd basic-android-kotlin-compose-training-affirmations
$ git checkout main

또는 ZIP 파일로 저장소를 다운로드한 다음 압축을 풀고 Android 스튜디오에서 열어도 됩니다.

솔루션 코드를 보려면 GitHub에서 확인하세요.

  1. 프로젝트에 제공된 GitHub 저장소 페이지로 이동합니다.
  2. 브랜치 이름이 Codelab에 지정된 브랜치 이름과 일치하는지 확인합니다. 예를 들어 다음 스크린샷에서 브랜치 이름은 main입니다.

1e4c0d2c081a8fd2.png

  1. 프로젝트의 GitHub 페이지에서 Code 버튼을 클릭하여 팝업을 엽니다.

1debcf330fd04c7b.png

  1. 팝업에서 Download ZIP 버튼을 클릭하여 컴퓨터에 프로젝트를 저장합니다. 다운로드가 완료될 때까지 기다립니다.
  2. 컴퓨터에서 파일을 찾습니다(예: Downloads 폴더).
  3. ZIP 파일을 더블클릭하여 압축을 해제합니다. 프로젝트 파일이 포함된 새 폴더가 만들어집니다.

Android 스튜디오에서 프로젝트 열기

  1. Android 스튜디오를 시작합니다.
  2. Welcome to Android Studio 창에서 Open을 클릭합니다.

d8e9dbdeafe9038a.png

참고: Android 스튜디오가 이미 열려 있는 경우 File > Open 메뉴 옵션을 대신 선택합니다.

8d1fda7396afe8e5.png

  1. 파일 브라우저에서 압축 해제된 프로젝트 폴더가 있는 위치로 이동합니다(예: Downloads 폴더).
  2. 프로젝트 폴더를 더블클릭합니다.
  3. Android 스튜디오가 프로젝트를 열 때까지 기다립니다.
  4. Run 버튼 8de56cba7583251f.png을 클릭하여 앱을 빌드하고 실행합니다. 예상대로 작동하는지 확인합니다.

7. 요약

  • 앱 아이콘 파일을 mipmap 리소스 디렉터리에 배치합니다.
  • Android의 이전 버전과의 호환성을 위해 각 밀도 버킷(mdpi, hdpi, xhdpi, xxhdpi, xxxhdpi)에 다양한 버전의 앱 아이콘 비트맵 이미지를 제공합니다.
  • 리소스 디렉터리에 리소스 한정자를 추가하여 특정 구성(v24 또는 v26)의 기기에서 사용해야 하는 리소스를 지정합니다.
  • 벡터 드로어블은 Android의 벡터 그래픽 구현입니다. 관련 색상 정보와 함께 일련의 점과 선, 곡선으로 XML에서 정의됩니다. 벡터 드로어블은 화질 저하 없이 어떤 밀도로도 조정할 수 있습니다.
  • 적응형 아이콘은 API 26에서 Android 플랫폼에 도입되었습니다. 특정 요구사항을 준수하는 포그라운드 및 백그라운드 레이어로 구성되므로 다양한 OEM 마스크가 적용된 여러 기기에서 앱 아이콘이 고화질로 표시됩니다.
  • Android 스튜디오에서 Image Asset Studio를 사용하여 앱의 레거시 및 적응형 아이콘을 만듭니다.

8. 자세히 알아보기