Как сделать кастомные иконки на андроид
Перейти к содержимому

Как сделать кастомные иконки на андроид

  • автор:

Приложения для изменения иконок в Android

приложения для смены иконок на андроид

Icon Pack Studio представляет собой площадку, где для скачивания размещаются наборы иконок для Android. База регулярно обновляется, поэтому можно хоть каждый день менять внешний вид рабочего стола и главного меню. Основные функции бесплатные, но также есть возможность приобрести платную версию, чтобы открыть доступ к некоторым дополнительным опциям, в частности к инструментам редактирования.

В приложении реализована поисковая строка, с помощью которой можно отыскать значки и наборы по названию, автору или ключевому слову. Также, переключаясь между вкладками вверху, есть возможность отсортировать наборы по различным параметрам, связанным со временем и популярностью. Например, при выборе «New» отобразятся иконки, которые были размещены на площадке недавно. Все наборы находятся на вкладке «Сообщество», откуда выбирается и скачивается приглянувшийся вам вариант. В дальнейшем он попадет в персональную «Библиотеку», где его можно в том числе и отредактировать.

приложения для смены иконок на андроид-01

Для этого самого изменения выбранных иконок в Icon Pack Studio встроен расширенный редактор, с помощью инструментов которого можно тонко настроить их внешний вид. Например, отрегулировать тень и контур, изменить размер и заливку фона, а также наложить дополнительный эффект.

приложения для смены иконок на андроид-03

Как только вы закончили редактирование набора, нажмите на кнопку «Предпросмотр». Это позволит сразу же посмотреть, как будут выглядеть значки на рабочем столе, и уже потом решать, «Сохранить» полученный результат или сразу «Применить». В первом случае отредактированный вариант будет сохранен в «Библиотеку» внутри приложения, а второй просто «наденет» новую иконку.

приложения для смены иконок на андроид-04

Когда набор значков установлен, достаточно через лаунчер выбрать пакет значков в качестве иконок по умолчанию. Если ваш лаунчер такой функции не предусматривает, то используйте его от приложения, где вероятность совместимости со значками более высокая. Помимо готовых наборов, доступна возможность создавать собственные наборы, используя средства встроенного редактора. Для этого нужно нажать на вкладку «New», затем откорректировать шаблон по своему усмотрению.

приложения для смены иконок на андроид-05

Icon Changer – Customize Icon

Еще одно приложение, помогающее менять иконки в Андроид, – это Icon Changer – Customize Icon. С его помощью можно выбирать оформление для каждого значка, включая установку собственного изображения из «Галереи». Все инструменты доступны бесплатно, а интерфейс приложения простой и интуитивно понятный.

Все доступные значки приложений, которые уже установлены на устройстве, отображаются в главном окне программы. На вкладке «Library» (предварительно нужно выбрать саму иконку, которую хотите поменять) для некоторых приложений есть готовые изображения, а ниже — несколько вкладок со стилями.

приложения для смены иконок на андроид-06

Принцип работы приложения построен на виджетах, поэтому потребуется нажать на кнопку «Добавить» во всплывающем окне. После этого новая иконка разместится на рабочем столе. Следует отметить, что оригинальная иконка никуда не денется. Если она уже есть на рабочем столе, то появится просто дубль, а главное меню остается неизменным.

приложения для смены иконок на андроид-08

Также на вкладке «Photo» предлагается выбрать собственное изображение или фотографию, которую можно поставить на место иконки для определенного приложения. А на «Apps» располагаются значки всех установленных программ, которые также можно задать любой другой. Такой способ подойдет, если нужно выборочно изменить иконки нескольких наиболее распространенных приложений. Для пакетной смены предпочтительнее воспользоваться другими вариантами.

приложения для смены иконок на андроид-09

X Icon Changer

X Icon Changer – удобный и простой инструмент для персонализации вашего рабочего стола. Так же, как и предыдущий вариант, он работает с виджетами, поэтому оригинальные иконки не будут изменены. Большинство наборов изображений и некоторые функции бесплатны, но при этом для открытия дополнительных возможностей, а также для удаления рекламы может потребоваться оформление подписки. Некоторые изображения становятся доступны лишь после просмотра рекламного ролика.

Как и в других аналогичных приложениях, здесь сперва понадобится выбрать приложение, чью иконку хочется изменить, а затем подобрать нужный вариант на вкладке «Изменить значок». Так как в X Icon Changer встроена своя библиотека изображений, сперва логично поискать что-то подходящее тут.

приложения для смены иконок на андроид-10

Если вы ранее устанавливали сторонние значки и хотите снова работать с ними через эту программу, то тапните по кнопке в виде плюса, затем перейдите на вкладку «Сторонний».

приложения для смены иконок на андроид-11

Помимо предустановленных значков, есть возможность использовать собственные фотографии из «Галереи», иконки других установленных приложений, а также гифки.

приложения для смены иконок на андроид-12

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

Icon Changer – Icon Creator

Следующее аналогичное приложение для смены значков, которое снова работает с виджетами, — это Icon Changer – Icon Creator. Как следует из названия софта, можно не только выбирать иконки из готовых вариантов, но и создавать собственные с помощью простых инструментов. Здесь не предустановлены наборы средств и большой выбор шаблонов, но при этом все функции доступны бесплатно.

приложения для смены иконок на андроид-15

Принцип перехода в меню редактирования здесь точно такой же, как у аналогов, о которых шла речь выше. Конечно же, присутствует встроенная библиотека, помогающая без лишних сложностей выбрать иконку, которая нравится больше стандартной. Выберите один из вариантов на одноименной вкладке или в «Программы». Изменение изображения происходит на вкладке «Настроить», где можно не только определиться с фоном (доступно несколько градиентных вариантов), но и с шаблоном картинки.

Следует отметить, что в бесплатной версии приложения все собственные значки будут отображаться с водяным знаком. Вы также можете «с нуля» создать свою иконку, если перейдете на соответствующую вкладку в главном окне приложения, затем нажмете на кнопку «Создать новую иконку».

приложения для смены иконок на андроид-17

Any Icon

Приложение для смены иконок Any Icon – универсальное решение, которое позволяет не только вручную изменять стиль значков по отдельности, но и скачивать целые наборы из Google Play Маркета. Во встроенной библиотеке есть множество различных изображений, а также стилей. Помимо прочего, имеется возможность добавить свои картинки из «Галереи» или даже использовать камеру телефона для создания фотоснимков. На первой вкладке, стилизованной под картинку шестерни с карандашом, можно перейти на страницу набора иконок в магазине Play Маркет и загрузить коллекции оттуда.

приложения для смены иконок на андроид-19

Как уже было сказано ранее, можно выбрать свое изображение или предустановленный шаблон, перемещаясь по вкладкам. Нажмите на кнопку «Стиль», чтобы открыть список доступных вариантов.

приложения для смены иконок на андроид-20

Чтобы придать больше уникальности стандартному виду иконки, Any Icon разрешает редактировать и дополнительные параметры, например размер самой иконки, фон и размер заднего плана, передвигая соответствующие тумблеры. А вот пакетно редактировать иконки возможность отсутствует – придется проделывать это с каждым значком по отдельности, что, конечно, будет не слишком удобно, когда программ много, а оформление хочется выполнить в едином стиле.

Создаём тематические иконки для приложения на Android 13

В 2021 году Google анонсировал Material You и тем самым взял курс на персонализацию Android-устройств.

Одним из способов настройки внешнего вида своего рабочего стола для пользователя стала добавленная в этом году в Android 13 новая функция — «Тематические значки».

Тематические значки — это иконки, которые могут изменять свой цвет в зависимости от цвета, выбранного пользователем:

На момент публикации удалось найти только пару приложений, которые уже имеют адаптивные иконки (не считая приложений Google, разумеется):

Далее мы рассмотрим весь процесс создания тематической иконки для вашего приложения.

Итак, определимся, что файл с иконкой у нас будет называться ic_launcher.xml.

Укажем его в манифесте:

Создаем папку res/mipmap-anydpi-v26 и в ней файл ic_launcher.xml следующего вида:

где iconColor — это основной цвет фона вашей иконки, а ic_launcher_foreground —

это сама иконка в векторном формате.

Файл ic_launcher_foreground.xml должен находиться у вас в папке drawable-v24 .

Пример содержимого файла ic_launcher_foreground.xml :

Google накладывает следующие ограничения для адаптивных иконок:

Иконка должна иметь один слой

Размер слоя должен быть 108x108dp

Размер самого логотипа на иконке должен быть не меньше 48x48dp, но и не превышать 72x72dp

Нужно оставить отступы 18dp от каждой стороны логотипа

Для иконки нельзя использовать тени или маски

Вот и все. Теперь ваше приложение поддерживает новую функцию Android 13 «Тематические значки», и его иконку хочется перенести на рабочий стол на видное место.

How To Set Custom Icons For Your Android Apps

While there are custom icon packs such out there that you can install from the Google Play Store, users also have the option to create their own icons using images directly from their galleries or from the Web. First, you’ll need to prepare the custom icon you want to use to replace the app’s default icon. You can use any image you have for that.

Method 1: Use an Image#

For optimal results, you’ll need to use a square image with a transparent background. You can easily find such samples by searching online, although some users may prefer to use an image from their own gallery. In this case, the image might need a few tweaks before it will be ready for use. If you’re unsure how to do that, please read our article regarding how to transfer files from your computer to your smartphone. If you would rather do the editing on your mobile, it’s possible to do so. You’ll need an app for that. For instance, you can use the Pixlr app or the Inshot app to resize your image.

Method 2: Use a Pre-Made Icon#

If you want your custom icon to look more like a regular icon, you can download a pre-made icon. Sites like Freepik offer countless options for free. The advantage of this method is that the icon already has a transparent background and is in a square format.

How to Set a Custom App Icon#

Now that you have your custom icon, let’s see how you can set it. To create a custom app icon, you’ll need a third-party launcher app like Nova Launcher, which is one of the most popular. Note: from the “Edit shortcut” panel, it’s possible to select from the Pixel Pie Icon Pack, which contains some pretty nice custom icon options.

Change Your Mind? Bring Back the Old Icon#

If you’ve come to regret your decision and want the app’s old icon back, it’s not a problem.

1. Do I really need a launcher app to make this work?#

If you want to you use your own pictures, yes. However, if you don’t mind using third-party icon packs such as the Pixel Icon Pack mentioned above that is embedded in many Android phones, you don’t have to install a launcher. To use the Pixel pack on your phone, simply long-press on an app icon, “then Edit.” Tap on the icon app just as above, then select from the options, including the Pixel Icon Pack, other preinstalled packs (for instance, OnePlus phones ship with Hydrogen icons on board) or a pack that you installed.

2. What are some of the best free icon packs available?#

If you don’t want to use your own gallery to create your custom app icons or simply need some inspiration, a third-party app will help you add a bit of diversity to your Android icons. You can try Icon Pack Studio, which lets you design your own unique icons, or Whicons (and its black twin Zwart), which provides a minimalist approach to app icons. Other interesting icon app packs worth mentioning are Delta and Rondo.

3. Can I change an app’s name as well?#

Yes, Android allows you to change an app’s name, too. Just long-press on the app icon and select “Edit.” Use the app name/label field to change it to whatever you want. Finally, press “Save,” and the new name should be displayed under the app icon on your home screen.

Векторная иконка приложения для Андроид — полное руководство.

Roman Cinis

Однажды копаясь в Андроид документации я с большим удивлением заметил, что в SDK к версии 26 были добавлены не только адаптивные иконки, но и возможность совсем отказаться от растровых иконок лаунчера на новейших версиях Андроид. Это значит, что вам вовсе не нужно создавать по растровому ассету к каждому разрешению экрана воспользоваться одним/двумя векторными файлами для всех возможных разрешений! Так как растровые иконки достаточно увесистые вы можете таким образом сэкономить много килобайтов в размере приложения. Тут как и везде есть свои моменты и к сожалению я не нашел в интернете полного описания всего процесса. Ну что же, значит пришла моя пора заполнить этот пробел! Ниже вы найдёте видео процесса изготовления единой векторной иконки для приложения, а руководство также доступно на английском и чешском языках.

Прежде чем мы начнём

Избавится от растровых изображений в целой аппликации — мечта многих оптимизаторов. Особенно если приложения не большое а растровые иконки, при неправильном изготовлении весят почти четверть общего размера приложения. Но тут как и везде есть свои недостатки, давайте поговорим о них, возможно в вашем случае векторная икона — не вариант. Итак:

  • Векторный формат в ОС Андроид был введен в версии 21, в качестве иконки приложения в лаунчере векторные изображения можно использовать только в версиях 26 и выше. Это значит, что если Ваше приложение должно поддерживать и более старые версии — Вам все равно придется иметь в наличии растровые иконки. Так что бонус тут не большой.
  • Векторный формат который используется в ОС Андроид это не привычные нам SVG/EPS/AI и так далее, это формат XML, а это значит очень ограниченное использование. Этот формат не поддерживает атрибуты стилей, т.е. какие либо эффекты, блендинг, даже простейшие тени, блюр. Вы можете видеть начале видео, что происходит с тенями — они просто пропадают. Если у вас достаточно умелый график в команде, то в принципе это ограничение можно обойти переведя например тени в простые градиенты от полного цвета в абсолютно прозрачный итд. Если же у вас вовсе нет векторного оригинала или там слишком много эффектов — возможно игра не стоит свеч.

На этом минусы заканчиваются. Если ваше приложение должно запускаться лишь на устройствах которые ещё получают закладки безопасности (т.е. в момент написания статьи SDK версии 27+) или же использует какие то новшества современных Андроид систем/датчиков/устройств — векторная иконка отличный выбор. Вы можете сэкономить в несколько раз как на размере так и на файлах для иконки, имея лишь 1-2 файла изображения и пару файлов с их описанием! Звучит круто? Тогда ниже вы найдете рецепт того как это все приготовить.

Подготовка файлов

Я не буду вдаваться в подробности создания файлов иконки, так как они абсолютно идентичны остальным адаптивным иконкам. В интернете буквально тонны всевозможных шаблонов для адаптивных иконок и руководств для них. Можно использовать их все, с той лишь разницей, что в результате мы будем использовать файлы SVG а не PNG. Т.е. это будет один или два файла: первый с задним фоном, который должен иметь область для параллакс эффекта и файл переднего плана. В моем примере я использую вариант где задним фоном служит просто цвет, так что у меня будет один файл с описанием цвета и один файл с векторной графикой.

Итак если вы имеете файл(ы) SVG, то в следующем шаге нам понадобится Android Studio, впрочем если вы занимаетесь разработкой для ОС Андроид, вы и так знаете этот софт. Это бесплатное ПО можно скачать по адресу:

Важно! Векторные ассеты можно создавать лишь в версии 4.2.2 и выше.

Запустите студию, откройте свой проект, после загрузки выберете вкладку Project (первая вкладка слева сверху). В папке с ресурсами с помощью правого клика мыши выведите контекстное меню. В нем выберете первый элемент — New, затем Vector Asset. Откроется Asset Studio, в нем выберете тип: Локальный файл и путь через кнопку с папкой. Проверьте как иконка выглядит и нажмите кнопку Next. Тут вы увидите путь и название к вашему XML файлу с векторной иконкой. Повторите для второго файла если вы используете вектор как в переднем так и на заднем плане. Готово.

Настройка файлов конфигурации

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

  • build.gradle — здесь необходимо включить поддержку векторных файлов, просто добавьте эти две строки в конфигурацию и зависимости:
  • в папку с ресурсами добавьте папку “mipmap-anydpi-v26”, т.е. как видно из названия это ассеты для любого DPI в версиях ОС выше 26. В нем будут два файла: ic_launcher_round.xml и ic_launcher.xml в которых необходимо описать что использовать как фон а что как передний план. В моем случае это цвет для фона и векторная графика для переднего плана.
  • Ну и на конец то что мы описали в предыдущем пункте нужно добавить в папку drawable а также если вы использовали цвет в качестве фона — описать этот цвет в colors.xml.

Теперь система знает как, где и что, использовать в качестве иконки приложения в лаунчере. Запустите чистую инсталляцию и проверьте результаты своей работы. Как видите, техническая часть достаточно простая (если сравниватъ с PNG иконками).

В результате VCS должна показать вот такие изменения:

Как минимум две новые строки в файле:
./app/build.gradle

Новая папка “mipmap-anydpi-v26” с двумя файлами:
./app/src/main/res/mipmap-anydpi-v26/ic_launcher_round.xml
./app/src/main/res/mipmap-anydpi-v26/ic_launcher.xml

Один XML файл с изображением переднего плана:
./app/src/main/res/drawable/ic_launcher_foreground.xml

И либо описание цвета в качестве фона:
./app/src/main/res/values/colors.xml
либо изображение:
./app/src/main/res/drawable/ic_launcher_background.xml (в данной конфигурации отсутствует).

В ссылке ниже вы найдете все необходимые файлы из примера показанного в видео. Можете использовать их как пример для своего приложения. Спасибо за внимание!

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *