Android
July 16

Меняем иконку Android-приложения

Сперва нам понадобится, собственно, сама иконка. Возьмите готовую или создайте свою. Используйте векторную графику, чтобы изображение одинаково хорошо смотрелось на экранах с любым dpi.

Иконка, созданная в Figma

Обратите внимание, что на устройствах Android иконки выглядят по-разному. Изначально Android не накладывал жёстких ограничений на форму иконок. Однако с API 26 (Android 8) появились так называемые адаптивные иконки. Они немного ограничивают свободу дизайнеров, однако улучшают UI за счёт единой стилистики.

Проверьте, как будет выглядеть ваша иконка на разных устройствах с помощью шаблона.

Адаптивные иконки должны состоять из двух слоёв: фона и переднего плана. Экспортируйте их отдельно в формате SVG (назовите их ic_launcher_foreground и ic_launcher_background). Если фон однотонный, то он нам не понадобится.

Перейдите в Export и выберете SVG

В Android Studio правой кнопкой мыши нажмите на директорию ресурсов res и создайте новый Image Asset.

New > Image Asset

В появившемся окне Asset Studio оставьте значения по умолчанию:

Icon type: Launcher Icons (Adaptive and Legacy)

Name: ic_launcher.

Во вкладке Foreground Layer найдите Source Asset и в поле Path нажмите на значок папки. Найдите расположение файла ic_launcher_foreground.svg. Нажмите ОК. Теперь вы можете изменить размер изображения, используя Resize.

Для однотонного фона во вкладке Background Layer в Asset Type выберете Color вместо Image. В Figma скопируйте код цвета, например, B4E1FF. Вместо шестнадцатиричного цвета можно использовать RGB.

Нажмите Next и наконец Finish. Проверьте ресурсы проекта - в папке drawable должны были появиться два файла: ic_launcher_background.xml и ic_launcher_foreground.xml.

В папке mipmap Android Studio создаст следующие файлы:

  • mipmap-mdpi
  • mipmap-hdpi
  • mipmap-xhdpi
  • mipmap-xxhdpi
  • mipmap-xxxhdpi

Это папка для значков приложения, оптимизированных для отображения на разных экранах с разной плотностью. При установке приложения Android подбирает нужный ресурс автоматически. Проверьте, как выглядит изображения в разном разрешении.

Если изображения не появились, попробуйте в верхней панели перейдите в File > Sync Project with Gradle Files (или сочетание Ctrl + Shift + O). Это запустит процесс синхронизации проекта с конфигурацией Gradle и решит проблемы с отображением ресурсов.

Теперь запустите приложение. Иконка должна обновиться.