Как установить значок и заставку в Android с помощью Ionic\Cordova

У меня есть проект Ionic с платформой Android с использованием Cordova. Я хочу установить значок и заставку в проекте. Для значка я сделал каталог и добавил логотип, который будет отображаться.

Рез \Android\pkLogo.png

Также добавил эту строку в мой config.xml

 <icon src="res/android/pkLogo.png" platform="android" width="57" height="57" density="mdpi" />

Но проблема в том, что значок Apache по умолчанию показывает. Что я сделал не так, я взял помощь отсюда кордова

Я хочу показать заставку, как это возможно? Я много искал, нашел несколько ссылок, но я решил это.

Как установить иконку и заставку в андроиде с помощью ionic\cordova

Ответы

Ответ 1

ionic cordova resources из CLI

После этого будет создана следующая папка

ресурсы> андроид

ресурсы> IOS

Добавить icon.png и splash.png файл в папку ресурсов и запустить ionic cordova resources снова команду. Или вы можете просто запустить ionic cordova run <platform> и он сгенерирует файлы ресурсов для этой платформы (ios, android и т.д.).

Он автоматически создаст значок и заставку, а также добавит файл config.xml. Нечего делать вручную. Ionic сделает все автоматически для вас.

Ответ 2

Перейдите в каталог проекта -/resources/android/icon/добавьте здесь свои значки в соответствии с требуемыми размерами и именами ниже.

drawable-hdpi-icon.png - 72 * 72

drawable-ldpi-icon.png - 36 * 36

drawable-mdpi-icon.png - 48 * 48

drawable-xhdpi-icon.png - 96 * 96

drawable-xxhdpi-icon.png - 144 * 144

drawable-xxxhdpi-icon.png - 192 * 192

Также добавьте значки в каталог ниже, если это необходимо - каталог проекта/платформы/андроид/res/поместите вышеуказанные значки в соответствии с определенной папкой.

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

$ionic build android

$ионный бегущий андроид

Ответ 3

Надеюсь, вы хорошо себя чувствуете. Если вы спросите об изменении всплеска и значка запуска, я тоже пытался сделать то же самое. то я нахожу документированный путь из Ionic CLI, который помогает мне многое и сэкономить мое время тоже. нам просто нужно сделать три простых шага:

1 > создайте образ значка с размером 192x192 px и сохраните его как icon.png, icon.psd или icon.ai в каталоге ресурсов root проекта.

2 > создайте образ значка размером 2208x2208 px и сохраните его как splash.png, splash.psd или splash.ai в каталоге ресурсов корневого каталога проекта.

3 > Это основной шаг, поэтому просто запустите эту команду с терминала

ionic resources

то вы увидите некоторые изображения в репозитории /demoApp/resources/android/icon и /demoApp/resources/android/splash.

и если вы хотите изменить только экран заставки, вы должны следовать шагу 2 вместе с командой ionic resources --splash. то вы можете увидеть свой всплеск.

или только для значка, вы должны следовать только шаг 1 вместе с ionic resources --icon.

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

Ответ 4

Запуск ионных ресурсов из CLI

После этого будет создана следующая папка

ресурсы > android

ресурсы > ios

Добавьте файл icon.png и splash.png в папку ресурсов и снова запустите команду ионных ресурсов.

Он автоматически создаст значок и заставку, а также добавит файл config.xml. Нечего делать манюлли. Ionic сделает все автоматически для вас.

Это работает для меня, только одна вещь

Прежде чем создавать свое приложение для Android, перейдите на страницу редактирования платформ /android/AndroidManifest.xml

и перейдите к

<application android:label="@string/app_name">

и добавьте следующий

<application android:icon="@drawable/icon" android:label="@string/app_name">

Привет!

Ответ 5

Значок Источник изображения Сохраните файл icon.png, icon.psd или icon.ai в каталоге ресурсов в корне проекта Cordova. Минимальные размеры изображений значков должны быть 192x192 px и не должны иметь закругленных углов. Затем запустите эту команду в своем терминале (cd в текущий каталог)

$ ionic resources --icon

Исходный образ Splash Screen ave a splash.png, splash.psd или файл splash.ai в каталоге ресурсов в корне проекта Cordova. Размеры экрана заставки варьируются для каждой платформы, устройства и ориентации, поэтому требуется изображение с квадратным источником, чтобы генерировать каждый из разных размеров. Минимальные размеры исходных изображений должны быть 2208x2208 px, а его произведение должно быть сосредоточено внутри квадрата. Затем запустите эту команду в своем терминале (cd в ваш текущий каталог).

$ ionic resources --splash

И все готово.

Обратитесь к этой ссылке Ионный экран заставки и генератор значков.

Ответ 6

Для Android загляните внутрь /platform/android/res Для Ios загляните внутрь /platform/ios/yourapp/Resources

Надеюсь, что это поможет

Ответ 7

Вы можете использовать ionic cordova resources для создания заставки и значков для вашего приложения для Android. Эта команда создает окна icons и splash в папке android.

icons папка содержит:

drawable-hdpi-icon.png - 72*72

drawable-ldpi-icon.png - 36*36

drawable-mdpi-icon.png - 48*48

drawable-xhdpi-icon.png - 96*96

drawable-xxhdpi-icon.png - 144*144

drawable-xxxhdpi-icon.png - 192*192

Если вы хотите создать только icons, вы можете использовать

ionic cordova resources --icon

Если вы хотите создать только экран splash, вы можете использовать

ionic cordova resources --splash

Ответ 8

ИЗМЕНИТЬ ИЗОБРАЖЕНИЕ, если эта команда не работает (также для ios):

ionic cordova resources android --splash --force

и снова запустите команду:)

Это решит "ошибку":

[OK] No need to regenerate images--source files unchanged.

Совет: отредактируйте изображение для каждой платформы (даже отрегулируйте размер на 1 пиксель), иначе ионный не обнаружит, что исходный файл изменился с каждой новой командой.

Ответ 9

Вы можете поместить значок в ресурсы\Android\значок

  1. рисуем-ИПЧР-icon.png
  2. рисуем-ldpi-icon.png
  3. рисуем-MDPI-icon.png
  4. рисуем-xhdpi-icon.png
  5. рисуем-xxhdpi-icon.png
  6. рисуем-xxxhdpi-icon.png

Вы можете поместить всплеск в ресурсы\Android\всплеск

  1. рисуем-земля-ИПЧР-screen.png
  2. рисуем-земля-ldpi-screen.png
  3. рисуем-земля-MDPI-screen.png
  4. рисуем-земля-xhdpi-screen.png
  5. рисуем-земля-xxhdpi-screen.png
  6. рисуем-земля-xxxhdpi-screen.png
  7. рисуем-порт-ИПЧР-screen.png
  8. рисуем-порт-ldpi-screen.png
  9. рисуем-порт-MDPI-screen.png
  10. рисуем-порт-xhdpi-screen.png
  11. рисуем-порт-xxhdpi-screen.png
  12. рисуем-порт-xxxhdpi-screen.png

Ответ 10

Когда приложение впервые создано, в папке ресурсов есть 2 файла: icon.png и splash.png.

Замените эти 2 файла желаемым значком и всплывающими файлами.

Имя файла должно быть одинаковым. Размер icon.png должен быть не менее 1024 × 1024, а splash.png должен быть не менее 2732 × 2732 После замены файлов icon.png и splash.png. Выполните следующие действия:

1) У вас должен быть БЕСПЛАТНЫЙ ионный аккаунт. Это связано с тем, что при создании/преобразовании значков и заставок используется Ionic-сервер.

2) В папке вашего проекта выполните следующую команду:

> ionic login

Затем введите свой адрес электронной почты и пароль.

3) Запустите в папке проекта (выберите iOS или Android, если вы создаете приложение для iOS или Android):

> ionic cordova resources ios

> ionic cordova resources android

Ionic преобразует ваши иконки и заставки в разные версии, которые требуются вашей целевой платформе. В процессе, config.xml, также будет обновлен.