So ändern Sie das application launcher-Symbol auf Flattern?

Wenn ich eine app erstellen, die mit flutter create Befehl, den flattern-logo als ein Symbol der Anwendung für beide Plattformen.

Wenn ich ändern will das app-Symbol, soll ich gehen, um beide Plattformen, Verzeichnisse und ersetzen von Bildern gibt es?, durch Plattformen Verzeichnisse ich meine myapp/ios/Runner/Assets.xcassets/AppIcon.appiconset für iOS und myapp/android/app/src/main/res für Android.

Oder ist es möglich zu definieren, ein Bild als Flattern Asset und die icons generiert werden, irgendwie ?.

InformationsquelleAutor RobertoAllende | 2017-05-12

  1. 75

    Flattern Launcher Icons entworfen worden, um schnell helfen zu generieren launcher icons für Android und iOS: https://pub.dartlang.org/packages/flutter_launcher_icons

    • Das Paket hinzufügen, um Ihre pubspec.yaml-Datei (in Ihrem Flattern Projekt) zu verwenden, es
    • Innerhalb pubspec.yaml-Datei geben Sie den Pfad des symbols, das Sie verwenden möchten, für die app und wählen Sie dann, ob Sie möchten, verwenden Sie das Symbol für die iOS-app, Android-app oder beide.
    • Führen Sie das Paket
    • Voila! Der Standard-launcher icons haben jetzt ersetzt worden, die mit Ihrem eigenen Symbol

    Ich hoffe, Sie ein video hinzufügen, um die GitHub-README zu demonstrieren

    Video zeigt, wie das tool ausgeführt werden können, gefunden hier.

    Wenn jemand will, um Verbesserungsvorschläge /bugs, bitte fügen Sie es als ein Problem auf der GitHub-Projekt.

    Update: ab Mittwoch, 24. Januar 2018, sollten Sie in der Lage sein zu erstellen, die neuen icons ohne überschreiben der alten vorhandenen launcher icons in Ihrer Flattern Projekt.

    Update 2: Wie von v0.4.0 (8. Juni 2018) können Sie angeben, ein Bild für Ihr Android-Symbol und ein separates Bild für Ihr iOS-icon.

    Update 3: Wie von v0.5.2 (20th Juni 2018) Sie können jetzt adaptive launcher icons für die Android app von Ihrem Flattern Projekt

    Gibt es eine Verpflichtung für das Bild?
    Sie haben eine empfohlene Bildgröße für die image_path Bild?
    Ich wäre nicht in der Lage zu sagen mit Vertrauen, das ist die beste @Suragch. In meinen tests habe ich immer 3 verschiedene Größen. Sie finden diese in das test-Verzeichnis auf der GitHub Projekt Seite: github.com/fluttercommunity/flutter_launcher_icons/tree/master/...
    Ich fand nur ein Verweis auf eine Größe, die 710x599. Was war der Grund für die Wahl? Ich hätte erwartet 512x512 oder 1000x1000 oder etwas Platz sowieso.
    nur habe eine schnelle Suche nach einem Symbol auf Google, also könnte ich schnell testen. Ich habe zwei andere Symbol-Größen, damit die Menschen könnten versuchen das Paket (1024x1024 und 128x128), Sie finden diese hier: github.com/fluttercommunity/flutter_launcher_icons/tree/master/...

    InformationsquelleAutor Mark O'Sullivan

  2. 22

    Folgen Sie den einfachen Schritten:

    1. Hinzufügen flutter_launcher_icons Plugin pubspec.yaml

    z.B.

    dev_dependencies: 
  flutter_test:
    sdk: flutter

  flutter_launcher_icons: "^0.6.1"

flutter_icons:
  image_path: "icon/icon.png" 
  android: true
  ios: true

    1. Bereiten Sie ein app-Symbol für den angegebenen Pfad.
      e.g. icon/icon.png

    2. Execute-Befehl auf dem terminal Erstellen Sie app-Symbole:

    $ flutter pub get

    $ flutter pub pub run flutter_launcher_icons:main

    Zu überprüfen, überprüfen Sie alle verfügbaren Optionen und verschiedene icons für android und iOS entnehmen Sie bitte diese

    Hoffen, dass dies anderen hilft.

    Dieser arbeitete für mich, nur einmal würde ich ausführen, dass die Letzte Zeile flutter pub pub run flutter_launcher_icons:main. Danke für den Tipp!

    InformationsquelleAutor Rahul Mahadik

  3. 12

    Haben Sie zu ersetzen, das Flattern von icon-Dateien mit Bildern Ihrer eigenen. Diese Website wird Ihnen helfen, verwandeln Sie Ihre png-in den launcher-icons in verschiedenen Größen:

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

    Dein link erzeugt nur die richtige Größe für Android-icons

    InformationsquelleAutor Collin Jackson

  4. 4

    Habe ich immer änderte sich das Symbol in die Verzeichnisse, die Sie erwähnt. Ich bin mir nicht bewusst, einen Mechanismus zu lassen, flattern erzeugen Symbole für Sie.

    Veraltete beantworten, bevor Sie Flattern Launcher Icons erstellt wurde

    InformationsquelleAutor Rainer Wittmann

  5. 3

    Einstellung der launcher-Symbole, wie eine native developer

    Ich hatte einige Probleme bei der Benutzung und das Verständnis der flutter_launcher_icons Paket. Diese Antwort ist, wie Sie es tun würde, wenn Sie waren die Schaffung einer app für Android oder iOS nativ. Es ist ziemlich schnell und einfach, sobald Sie getan haben, es ein paar mal.

    Android

    Android launcher icons haben sowohl eine Vorder-und eine Hintergrundebene.

    So ändern Sie das application launcher-Symbol auf Flattern?

    (Bild angepasst von Android-Dokumentation)

    Die einfachste Möglichkeit zum erstellen launcher-icons für Android, ist die Verwendung der Asset Studio ist direkt in Android-Studio (sorry VSCode Benutzer). Sie haben nicht einmal zu verlassen Ihr Flattern Projekt.

    Rechten Maustaste auf das android Ordner in Ihr Projekt skizzieren. Gehen Sie zu Neue > Bild-Asset -. Jetzt können Sie ein Bild auswählen, erstellen Sie Ihr launcher-Symbol aus.

    Hinweis: ich in der Regel verwenden Sie eine 1024x1024 pixel-Bild, aber Sie sollten auf jeden Fall
    verwenden Sie nichts kleiner 512x512. Wenn Sie mit Gimp oder Inkscape, die Sie
    sollten zwei Ebenen, eine für den Vordergrund und eines für den
    hintergrund. Das Bild im Vordergrund haben sollte, der die transparenten Bereiche für die
    hintergrund-Ebene zu zeigen, durch.

    So ändern Sie das application launcher-Symbol auf Flattern?

    (Löwe-clipart von hier)

    Diese ersetzen den aktuellen launcher icons. Finden Sie die generierten Symbole in der mipmap Ordner:

    So ändern Sie das application launcher-Symbol auf Flattern?

    Wenn Sie es vorziehen, erstellen Sie die Symbole im Startbildschirm manuell, siehe diese Antwort für die Hilfe.

    Schließlich, stellen Sie sicher, dass der launcher icon-name in der AndroidManifest ist das gleiche wie das, was Sie nannten es oben (ic_launcher standardmäßig):

    application android:icon="@mipmap/ic_launcher"

    Ausführen der app im emulator zu bestätigen, dass Sie das launcher-Symbol wurde erfolgreich erstellt.

    iOS

    Ich immer individuell die Größe meiner iOS-icons von hand, aber wenn Sie einen Mac haben, gibt es eine Kostenlose app im Mac App Store genannt Icon Set Creator. Sie geben ein Bild (von mindestens 1024x1024 Pixel) und es wird ausgespuckt, alle Größen, die Sie benötigen (plus die Contents.json - Datei). Dank diese Antwort für die Anregung.

    iOS-icons sollten keine Transparenz. Finden Sie weitere Richtlinien hier.

    Nachdem Sie erstellt haben die Symbol-set, starten Sie Xcode (vorausgesetzt, Sie haben einen Mac) und öffnen Sie die ios Ordner in Ihrem Flattern Projekt. Dann gehen Sie zu Runner > Vermögenswerte.xcassets und löschen Sie die AppIcon-Element.

    So ändern Sie das application launcher-Symbol auf Flattern?

    Danach mit der rechten Maustaste und wählen Sie " Importieren.... Wählen Sie das Symbol set, das Sie gerade erstellt haben.

    Das ist es. Bestätigen Sie, dass das Symbol erstellt wurde, läuft die app im simulator.

    , Wenn Sie nicht über einen Mac...

    Können Sie immer noch alle die Bilder von hand. In Ihrem Flattern Projekt gehen ios/Runner/Assets.xcassets/AppIcon.appiconset.

    So ändern Sie das application launcher-Symbol auf Flattern?

    Den Bild-Größen, die Sie benötigen, sind die multipliziert Größen in den Dateinamen. Zum Beispiel [email protected] wäre 29 mal 3, dass 87 Pixel im Quadrat. Sie müssen entweder halten die gleichen icon-Namen ein oder Bearbeiten Sie die JSON-Datei.

    InformationsquelleAutor Suragch

  6. 0

    Beste Weg ist, zu ändern, launcher icons getrennt für beide iOS und Android.

    Ändern der Symbole in iOS-und Android-Modul separat.
    Das plugin erzeugt unterschiedliche Größe von Symbolen aus dem gleichen Symbol, die verzerrt sind.

    Folgen Sie diesem link:
    https://flutter.dev/docs/deployment/android

    InformationsquelleAutor Raj Yadav

Schreibe einen Kommentar