Как изменить значок запуска приложения на Flutter?

Когда я создаю приложение с помощью команды flutter create, логотип флаттера используется как значок приложения для обеих платформ.

Если я хочу изменить значок приложения, я должен пойти в оба каталога платформ и заменить изображения там?, по каталогам платформ я имею в виду myapp/ios/Runner/Assets.xcassets/AppIcon.appiconset для iOS и myapp/android/app/src/main/res для Android.

Или можно определить изображение как Flutter Asset, и значки создаются каким-то образом?.

Ответ 1

Flutter Launcher Icons был разработан, чтобы помочь быстро генерировать иконки запуска для Android и iOS: https://pub.dartlang.org/packages/flutter_launcher_icons

  • Добавьте пакет в ваш файл pubspec.yaml (в вашем проекте Flutter), чтобы использовать его
  • В файле pubspec.yaml укажите путь к значку, который вы хотите использовать для приложения, а затем выберите, хотите ли вы использовать значок для приложения iOS, приложения Android или для того и другого.
  • Запустите пакет
  • Вуаля! Значки запуска по умолчанию теперь заменены на ваш пользовательский значок

Я надеюсь добавить видео в GitHub README, чтобы продемонстрировать это

Видео, показывающее, как запустить инструмент, можно найти здесь.

Если кто-то хочет предложить улучшения/сообщить об ошибках, пожалуйста, добавьте их в качестве проблемы в проекте GitHub.

Обновление: по состоянию на среду, 24 января 2018 года, вы сможете создавать новые значки, не переопределяя старые существующие значки запуска в вашем проекте Flutter.

Обновление 2: начиная с версии 4.4.0 (8 июня 2018 года) вы можете указать одно изображение для значка Android и отдельное изображение для значка iOS.

Обновление 3: с версии 0.5.2 (20 июня 2018 г.) теперь вы можете добавлять значки адаптивного запуска для приложения Android вашего проекта Flutter

Ответ 2

Следуйте простым шагам:

  1. Добавить flutter_launcher_icons Плагин для pubspec.yaml

например

dev_dependencies: 
  flutter_test:
    sdk: flutter

  flutter_launcher_icons: "^0.6.1"

flutter_icons:
  image_path: "icon/icon.png" 
  android: true
  ios: true
  1. Подготовьте значок приложения по указанному пути. eg icon/icon.png

  2. Выполните команду на терминале для создания значков приложений:

$ flutter pub get

$ flutter pub pub run flutter_launcher_icons:main

Чтобы проверить, проверить все доступные параметры и установить различные значки для Android и iOS, пожалуйста, обратитесь к этому

Надеюсь, что это поможет другим.

Ответ 3

Установка значков запуска, как родной разработчик

У меня были некоторые проблемы с использованием и пониманием пакета flutter_launcher_icons. Этот ответ заключается в том, как бы вы это сделали, если бы изначально создавали приложение для Android или iOS. Это довольно быстро и легко, если вы сделали это несколько раз.

Android

Иконки запуска Android имеют как передний план, так и фоновый слой.

enter image description here

(изображение адаптировано из документации Android)

Самый простой способ создания значков запуска для Android - использовать Asset Studio, которая доступна прямо в Android Studio (извините, пользователи VSCode). Вам даже не нужно покидать свой проект Flutter.

Щелкните правой кнопкой мыши папку android в схеме вашего проекта. Перейдите в New> Image Asset. Теперь вы можете выбрать изображение для создания вашего значка запуска.

Примечание: я обычно использую изображение с разрешением 1024x1024 но вы, конечно, не должны использовать ничего меньше 512x512. Если вы используете Gimp или Inkscape, у вас должно быть два слоя, один для переднего плана и один для фона. Изображение на переднем плане должно иметь прозрачные области для просвечивающего слоя фона.

enter image description here

(лев клипарт здесь)

Это заменит текущие значки запуска. Вы можете найти сгенерированные значки в папках mipmap:

n7ax9.png

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

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

application android:icon="@mipmap/ic_launcher"

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

IOS

Я всегда использовал индивидуальное изменение размера значков iOS вручную, но если у вас Mac, в Mac App Store есть бесплатное приложение под названием Icon Set Creator. Вы даете ему изображение (размером не менее 1024x1024 пикселей), и оно будет отображать все необходимые вам размеры (плюс файл Contents.json). Спасибо за этот ответ за предложение.

Иконки iOS не должны иметь никакой прозрачности. Смотрите больше рекомендаций здесь.

После того, как вы создали набор значков, запустите Xcode (при условии, что у вас Mac) и используйте его, чтобы открыть папку ios в вашем проекте Flutter. Затем перейдите в Runner> Assets.xcassets и удалите элемент AppIcon.

enter image description here

После этого щелкните правой кнопкой мыши и выберите " Импорт...". Выберите набор иконок, который вы только что создали.

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

Если у вас нет Mac...

Вы все еще можете создавать все изображения вручную. В вашем проекте Flutter перейдите в ios/Runner/Assets.xcassets/AppIcon.appiconset.

B9CKd.png

Размеры изображений, которые вам нужны, это умноженные размеры в имени файла. Например, [email protected] будет иметь [email protected] 29 [email protected] 3, то есть квадрат [email protected] 87 пикселей. Вам необходимо сохранить одинаковые имена значков или отредактировать файл JSON.

Ответ 4

Вы должны заменить файлы значков Flutter собственными изображениями. Этот сайт поможет вам превратить ваш png в иконки для запуска различных размеров:

https://romannurik.github.io/AndroidAssetStudio/icons-launcher.html

Ответ 5

Я всегда менял значок в указанных вами каталогах. Я не знаю какого-либо механизма, позволяющего флаттеру генерировать значки для вас.

Ответ 6

Я бы предложил Вам использовать этот сайт.

App Icon Creator

Шаг 1: загрузите изображение,

Шаг 2: внесите необходимые изменения и нажмите на кнопку загрузки (не меняйте имя файла)

Шаг 3: Распакуйте загруженный Zip файл в соответствующую папку

android/app/main/src/res

Ответ 7

Лучший способ - поменять иконки запуска отдельно для iOS и Android.

Измените значки в модуле iOS и Android отдельно. Плагин производит иконки разных размеров из одного значка, которые искажены.

Перейдите по этой ссылке: https://flutter.dev/docs/deployment/android

Ответ 8

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

Я нашел один плагин для установки значка приложения во флаттере с именем "flutter_launcher_icons". Мы будем использовать этот плагин, чтобы установить значок приложения во флаттере.

  1. Добавьте этот плагин в файл pubspec.yaml в корневом каталоге проекта. Пожалуйста, проверьте ниже код,

    зависимости:
    флаттер:
    SDK: флаттер
    cupertino_icons: ^ 0.1.2
    flutter_launcher_icons: ^ 0.7.2 + 1

Сохраните файл и запустите flutter pub на терминале.

  1. Создайте папку активов в корне проекта в папке ресурсов, а также создайте значок папки и поместите значок приложения в эту папку. Я буду рекомендовать пользователю 1024x1024 размер значка приложения. Я поместил значок приложения в папку значков, и теперь у меня есть путь к значку приложения в виде assets/icon/icon.png

  2. Теперь в pubspec.yaml добавьте следующий код,

    flutter_icons:
    Android: "Launcher_icon"
    IOS: правда
    image_path: "assets/icon/icon.png"

  3. Сохраните файл и запустите flutter pub на терминале. После запуска команды выполните вторую команду, как показано ниже

    flutter pub run flutter_launcher_icons: main -f pubspec.yaml

Затем запустите приложение

Ответ 9

Вы можете добиться этого, используя flutter_launcher_icons в pubspec.yaml

Другой способ - использовать один для Android, а другой для iOS