Ustawianie ikon programu uruchamiającego jak natywnego programisty
Miałem problemy z używaniem i zrozumieniem pakietu flutter_launcher_icons . Ta odpowiedź brzmi, jak byś to zrobił, gdybyś tworzył aplikację dla systemu Android lub iOS natywnie. Jest to dość szybkie i łatwe, jeśli zrobiłeś to kilka razy.
Android
Ikony uruchamiania Androida mają zarówno warstwę pierwszego planu, jak i warstwę tła.
(obraz na podstawie dokumentacji Androida )
Najłatwiejszym sposobem na utworzenie ikon uruchamiania dla Androida jest użycie Asset Studio, które jest dostępne bezpośrednio w Android Studio. Nie musisz nawet opuszczać projektu Flutter. (Użytkownicy VS Code, możesz rozważyć użycie Android Studio tylko na tym etapie. Jest to naprawdę bardzo wygodne i nie zaszkodzi zapoznać się z innym IDE.)
Kliknij prawym przyciskiem myszy android
folder w konspekcie projektu. Przejdź do Nowy> Zasób obrazu . (Spróbuj kliknąć android/app
folder prawym przyciskiem myszy, jeśli nie widzisz opcji Zasób obrazu ). Teraz możesz wybrać obraz, z którego chcesz utworzyć ikonę programu uruchamiającego.
Uwaga: zwykle używam 1024x1024
obrazu pikselowego, ale z pewnością nie powinieneś używać niczego mniejszego 512x512
. Jeśli używasz Gimp lub Inkscape, powinieneś mieć dwie warstwy, jedną na pierwszym planie i jedną na tle. Obraz na pierwszym planie powinien zawierać przezroczyste obszary, przez które warstwa tła może się wyświetlać.
(lew clipart stąd )
Spowoduje to zastąpienie obecnych ikon programu uruchamiającego. Wygenerowane ikony można znaleźć w mipmap
folderach:
Jeśli wolisz ręcznie tworzyć ikony programu uruchamiającego, zapoznaj się z tą odpowiedzią, aby uzyskać pomoc.
Na koniec upewnij się, że nazwa ikony uruchamiania w AndroidManifest jest taka sama, jak nazwa powyżej ( ic_launcher
domyślnie):
application android:icon="@mipmap/ic_launcher"
Uruchom aplikację w emulatorze, aby potwierdzić, że ikona programu uruchamiającego została pomyślnie utworzona.
iOS
Zawsze ręcznie ręcznie zmieniałem rozmiar ikon iOS, ale jeśli masz komputer Mac, w Mac App Store jest bezpłatna aplikacja o nazwie Icon Set Creator . Dajesz mu obraz (co najmniej 1024x1024
pikseli) i wypluwa wszystkie potrzebne rozmiary (plus Contents.json
plik). Dzięki tej odpowiedzi za sugestię.
Ikony iOS nie powinny mieć żadnej przezroczystości. Zobacz więcej wskazówek tutaj .
Po utworzeniu zestawu ikon uruchom Xcode (zakładając, że masz komputer Mac) i użyj go, aby otworzyć ios
folder w projekcie Flutter. Następnie przejdź do Runner> Assets.xcassets i usuń element AppIcon.
Po tym prawym przyciskiem myszy i wybierz Importuj ... . Wybierz zestaw ikon, który właśnie utworzyłeś.
Otóż to. Sprawdź, czy ikona została utworzona, uruchamiając aplikację w symulatorze.
Jeśli nie masz komputera Mac ...
Nadal możesz ręcznie tworzyć wszystkie obrazy. W swoim projekcie Flutter przejdź do ios/Runner/Assets.xcassets/AppIcon.appiconset
.
Potrzebne rozmiary obrazów to pomnożone rozmiary w nazwie pliku. Na przykład Icon-App-29x29@3x.png
będą to 29
czasy 3
, czyli 87
piksele kwadratowe. Musisz zachować te same nazwy ikon lub edytować plik JSON.