So aktualisieren Sie das Launcher-Symbol für Ihre Android-App

Sie können jedes Produkt aufwerten, indem Sie der Benutzeroberfläche ein professionelles Erscheinungsbild verleihen. Wenn Benutzer das, was sie in einer App-Benutzeroberfläche sehen, mögen, werden sie diese viel häufiger installieren. Es gibt eine Reihe definierter Regeln für das Design, die Farbe, das Symbol und andere Elemente der Benutzeroberfläche, denen Ihre Android-App folgen soll. In diesem Artikel werden wir uns an die Symbole halten, insbesondere die Launcher-Symbol, für deine Android App.

Die Symbole für eine Android-App sind in verschiedene Kategorien unterteilt. Diese schließen ein:

• Launcher-Symbol: Dieses Symbol steht für Ihre App auf dem Startbildschirm des Benutzers oder in der Anwendungsliste. Dies kann entweder eine sein Adaptive Launcher-Symbol, für Android 8.0 (API-Ebene 26) oder höher oder a Legacy Launcher-Symbol, für Android 7.1 (API Level 25) oder darunter.
• Aktionsleisten-Symbole: für die Elemente in der Aktionsleiste. 
• Tab-Symbole: für die Registerkartenelemente mit Symbolen (falls vorhanden).

Weitere Informationen zu diesen Symbolkategorien finden Sie in anderen Apps. Hier ist ein Beispiel der WhatsApp-Symbole:

Das Erstellen dieser Symbole kann jetzt einfach sein, wenn Sie Designer sind oder wenn Sie Entwickler sind, die einen Designer in Ihrem Team haben. Aber es ist nicht so einfach, wie es scheint. Sie müssen Symbole für jede unterschiedliche Dimension erstellen, basierend auf der Bildschirmauflösung und -dichte des Android-Geräts. Um Ihnen einen Eindruck davon zu vermitteln, wie viel Arbeit dies leisten kann, finden Sie hier eine Liste der Größen, für die Sie das Startsymbol erstellen müssen, wenn Sie es auf herkömmliche Weise ausführen möchten:

Und dies ist nur das Launcher-Symbol. Für jede Symbolkategorie gibt es eine ähnliche Liste. Zum Glück bietet uns Android Studio ein Werkzeug namens Bild Asset Studio Dies erledigt die Erstellung von Symbolen für alle Bildschirmdichten sehr einfach.

Was ist Image Asset Studio??

Android Studio 3 hat Image Asset Studio zur Erstellung von Symbolen für Ihre App eingeführt. Es kümmert sich darum, App-Icons mit entsprechender Auflösung für unterschiedliche Bildschirmdichten zu generieren und diese in die jeweiligen zu platzieren Mipmap-Dichte Ordner in der Ressource Verzeichnis. Außerdem wird das Symbol für das Web (512 x 512 px) generiert, das zum Hochladen der Anwendung in den Google Play Store erforderlich ist. Diese Symbole werden dann entsprechend der Bildschirmdichte der Geräte zur Laufzeit aus den Ordnern abgerufen.

Zum Adaptive Launcher-Symbole, Image Asset Studio bietet eine vollständige Vorschau des Symbolsatzes, einschließlich Kreis-, Quadrat-, abgerundetes Quadrat-, Rechteck-, Vollblutungs-Layer, Legacy-Symbol, Runde und Google Play Store-Versionen des Symbols. 

Zum Legacy Launcher-Symbole, Auf der anderen Seite unterstützen die Geräte keine Symbole mit unterschiedlichen Formen. Es wird also ein eingeschränkter Satz von Icons generiert.

Verwenden von Image Asset Studio

Sehen wir uns an, wie Sie mit Image Asset Studio ein Icon-Set erstellen.

So aktualisieren Sie ein Symbol mit Image Asset Studio

Um Image Asset Studio zu starten, wählen Sie Android in dem Projektfenster. Klicken Sie mit der rechten Maustaste auf res Ordner und wählen Sie Neu > Image Asset. Sie haben Image Asset Studio jetzt geöffnet. Sie können jetzt ein Adaptive Launcher-Symbol oder ein Legacy Only Launcher-Symbol nach Ihren Anforderungen erstellen.

Erstellen Sie ein Adaptive Launcher-Symbol

Sie verwenden diesen Symboltyp für die Unterstützung von Android 8.0.

Zuerst auswählen Launcher-Symbole (adaptiv & veraltet) für Symboltyp. Ändere das Name des Symbols, wenn Sie möchten. Wenn der Name bereits vorhanden ist, wird unten im Dialogfeld eine Warnung angezeigt, in der Sie darüber informiert werden, dass der vorhandene Name überschrieben wird. 

In dem Vordergrundebene Wählen Sie auf der Registerkarte den Asset-Typ aus: 

• Bild: Legen Sie den Pfad des benutzerdefinierten Symbolbilds fest. 
• Clip Art: Wählen Sie das Symbol aus der Gruppe der Materialdesignsymbole aus und legen Sie die Farbe fest. 
• Text: Legen Sie eine angegebene Zeichenfolge fest und legen Sie die Schriftart und die Farbe fest.

Ebenso in der Hintergrundebene Registerkarte können Sie eine auswählen Bild, Clip Art, oder Text Asset-Typ.

Für die Vordergrund- und Hintergrundebene stehen Ihnen folgende optionale Einstellungen zur Verfügung: 

• Ebenenname: Sie können der Ebene einen eindeutigen Namen geben.
• Skalierungsparameter: Diese können auf Ihre Anforderungen eingestellt werden. Diese Option ist deaktiviert, wenn Sie eine Farbe für die Hintergrundebene auswählen.
• Trimmen: Wählen Sie aus, ob Sie die transparenten Bereiche um das Symbol entfernen möchten.
• Größe ändern: Ändern Sie die Größe des Symbols.

Das Erbe Tabkönnen Sie entscheiden, ob Sie auch ein Legacy-Symbol generieren möchten. Hier können Sie auswählen, ob Sie ein Legacy-Symbol, ein Google Play Store-Symbol und ein rundes Symbol generieren möchten und welche Form für jedes von ihnen verwendet werden soll.

Erstellen Sie ein Legacy Launcher-Symbol

Dies ist die Art von Symbol, das Sie erstellen, wenn Sie Android-Versionen kleiner oder gleich 7.1 unterstützen möchten.

Zuerst auswählen Launcher-Symbole (nur Legacy) für den Symboltyp. Sie können das ändern Name des Symbols zu diesem Zeitpunkt, wenn Sie möchten. Wenn der Name bereits existiert, wird unten eine Warnung angezeigt, dass der vorhandene überschrieben wird. Wähle aus Asset-Typ und konfigurieren Sie die zugehörigen Einstellungen.

• Bild: Legen Sie den Pfad des benutzerdefinierten Symbolbilds fest. 
• Clip Art: Wählen Sie das Symbol aus der Gruppe der Materialdesignsymbole aus und legen Sie die Farbe fest. 
• Text: Legen Sie eine angegebene Zeichenfolge fest und legen Sie die Schriftart und die Farbe fest.

Sie können auch einige optionale Einstellungen für die Darstellung des Symbols konfigurieren:

• Trimmen: Wählen Sie diese Option, wenn Sie die transparenten Bereiche um das Symbol entfernen möchten. 
• Polsterung: Legen Sie die Auffüllung für das Symbol fest.
• Vordergrund: Legen Sie die Vordergrundfarbe fest.
• Hintergrund: Legen Sie die Hintergrundfarbe fest.
• Skalierung: Wählen Sie zum Zuschneiden oder Verkleinern.
• Gestalten: Um dem Symbol einen Hintergrund hinzuzufügen, wählen Sie die Form aus. Wählen Sie für einen transparenten Hintergrund keine aus.
• Bewirken: Wählen Sie aus, ob Sie für Ihr quadratisches oder rechteckiges Symbol einen Hundehalt-Effekt haben möchten.

Alle von Ihnen vorgenommenen Änderungen werden im Vorschaubereich wiedergegeben. Wenn Sie mit dem Erscheinungsbild Ihres Symbols zufrieden sind, klicken Sie auf Nächster.

Sie werden dann zum Einstellungsbildschirm weitergeleitet, in dem Sie die Einstellungen ändern können Ressourcenverzeichnis wo deine Icons ausgegeben werden. Aktualisieren Sie es, wenn Sie möchten. Folgende Optionen stehen zur Verfügung:

• Haupt / Res: für alle Build-Varianten, einschließlich Release und Debug.
• release / res: überschreibt den Hauptquellsatz für die Version mit Einzelversion des Builds.
• debug / res: nur zum debuggen.
• Benutzerdefinierte Quellgruppe: Sie können Ihre eigene Quellgruppe definieren.

Zum Schluss wickeln Sie es durch Drücken auf Fertig.

Jetzt sind wir mit unserem neuen Startsymbol in allen entsprechenden Ordnern bereit. Der Name meines Launcher-Symbols lautet ic_launcher_demo. In der Abbildung unten sehen Sie alle Symbole, die für dieses Symbol generiert wurden.

Aktualisieren Sie die AndroidManifest Datei

Jetzt ist es Zeit, das zu aktualisieren AndroidManifest Datei, damit unsere App das neue Symbol verwenden kann. Um zu beginnen, öffne deine AndroidManifest.xml Datei. Hier ist das Standard-Startprogramm-Symbol in Zeile 7 und 9 festgelegt. Sie müssen es mit dem neu erstellten Symbol aktualisieren.

Veränderung android: icon und android: roundIcon auf den Namen, den Sie für Ihr Startsymbol gewählt haben.

android: icon = "@ mipmap / ic_launcher_demo" android: roundIcon = "@ mipmap / ic_launcher_demo_round"

Herzliche Glückwünsche! Sie haben das Startsymbol für Ihre App erfolgreich aktualisiert. 

Fazit

In diesem Beitrag haben Sie die verschiedenen Arten von Symbolen kennen gelernt, die in einer Android-App verwendet werden, sowie alle Bildschirmauflösungen, die für jedes Symbol generiert werden müssen. Anschließend haben Sie das Image Asset Studio-Tool kennen gelernt und erfahren, wie es das Erstellen von Symbolen für Ihre Android-App wesentlich vereinfacht.