App-Symbole erstellen

Symbole helfen Nutzern, Ihre App und die darin enthaltenen Aktionen zu identifizieren. Sie können auf die Material Design-Symbole und fügen Sie sie direkt mit der Funktion „Schreiben“ Ihrer App hinzu. Um benutzerdefinierte Symbole für Ihre App mit Views erstellen, bietet Android Studio Image Asset Studio.

Symbole in der App mit der Funktion „Schreiben“ hinzufügen

Mit der Funktion "Schreiben" können Sie Compose Material Library oder Für den Zugriff auf die Compose Material 3-Bibliothek alle Materialsymbole. Verwenden Sie dann die zusammensetzbare Funktion Icon, um Ihrer App Symbole hinzuzufügen. Die Materialsymbole sind am nützlichsten für Aktionsleistensymbole, Tabsymbole oder Benachrichtigungssymbole. Weitere Informationen finden Sie unter Materialsymbole:

Wenn Sie benutzerdefinierte Symbole erstellen möchten, etwa ein App Launcher-Symbol, verwenden Sie Bild-Asset-Studio Für Launcher-Symbole: AndroidManifest.xml muss auf den mipmap/-Speicherort verweisen. In Image Asset Studio wird dieser Code automatisch. Der folgende Manifestdateicode verweist auf die ic_launcher im Verzeichnis mipmap/:

  <application android:name="ApplicationTitle"
            android:label="@string/app_label"
            android:icon="@mipmap/ic_launcher" >

Bild-Asset-Studio

Android Studio enthält ein Tool namens Image Asset Studio, mit dem Sie Ihre eigene App erstellen können. Symbole von Materialsymbole benutzerdefinierte Bilder und Textzeichenfolgen. Es erstellt eine Reihe von Symbolen mit der entsprechenden Auflösung. für jedes Pixel , die Ihre App unterstützt. In Image Asset Studio werden die neu generierten Symbole in dichtespezifischen Ordnern unter dem Verzeichnis res/ in Ihrem Projekt. Zur Laufzeit verwendet Android basierend auf der Bildschirmdichte des Geräts, auf dem Ihre App ausgeführt wird.

Mit Image Asset Studio kannst du die folgenden Symboltypen generieren:

  • Launcher-Symbole
  • Aktionsleisten- und Tabsymbole
  • Benachrichtigungssymbole

In den folgenden Abschnitten werden die Symboltypen beschrieben, die Sie erstellen können, sowie die Bild- und Texteingaben die Sie verwenden können.

Adaptive und alte Launcher-Symbole

Ein Launcher-Symbol ist eine Grafik, die Nutzern Ihre App präsentiert. Sie kann:

  • Werden in der Liste der auf einem Gerät installierten Apps und auf dem Startbildschirm angezeigt.
  • Stellen Sie Verknüpfungen zu Ihrer App dar (z. B. ein Symbol für Kontaktverknüpfungen, öffnet Detailinformationen zu einem Kontakt).
  • Von Launcher-Apps verwendet werden.
  • Hilf Nutzern, deine App bei Google Play zu finden.

Adaptive Launcher-Symbole können in verschiedenen Formen auf verschiedenen Gerätemodellen angezeigt werden und sind ab Android 8.0 (API-Level 26) verfügbar. Android Studio 3.0 unterstützt jetzt adaptive Symbole mit Image Asset Studio erstellen. In Image Asset Studio wird eine Vorschau adaptives Symbol in Kreis-, Wellen-, abgerundeten Quadrat- und quadratischen Formen, das randlos angezeigt wird eine Vorschau des Symbols anzeigen. Image Asset Studio generiert auch alte, runde und Google Play Store- eine Vorschau des Symbols anzeigen. Ein altes Launcher-Symbol ist eine Grafik, die Ihre App auf dem Startbildschirm und im Launcher-Fenster. Ältere Launcher-Symbole sind für die Verwendung auf Geräten vorgesehen Android 7.1 (API-Level 25) oder niedriger ausgeführt wird, die adaptiven Symbole nicht unterstützen und nicht da sich die Formen je nach Gerätemodell unterscheiden.

In Image Asset Studio werden die Symbole an den richtigen Stellen im res/mipmap-density/ Verzeichnisse. Außerdem wird ein Bild mit 512 x 512 Pixeln erstellt. die für den Google Play Store geeignet sind.

Wir empfehlen, für Launcher-Symbole das Material Design zu verwenden. auch wenn Sie ältere Android-Versionen unterstützen.

Weitere Informationen finden Sie unter . Adaptive Launcher-Symbole und <ph type="x-smartling-placeholder"></ph> Produktsymbole – Material Design.

Aktionsleisten- und Tabsymbole

Aktionsleistensymbole sind grafische Elemente, die in der Aktionsleiste platziert werden und einzelne umzusetzenden Maßnahmen. Weitere Informationen finden Sie unter Aktionen hinzufügen und verarbeiten. App Bar – Material Design und Aktionsleistendesign .

Tab-Symbole sind grafische Elemente, mit denen einzelne Tabs in einer Multi-Tab-Oberfläche. Jedes Tabsymbol hat zwei Status: "Nicht ausgewählt" und "Ausgewählt". Weitere Informationen finden Sie unter Swipe-Ansichten mit Tabs erstellen und Tabs – Material Design .

In Image Asset Studio werden die Symbole an den richtigen Stellen im res/drawable-density/ Verzeichnisse enthalten.

Wir empfehlen, für die Aktionsleiste das Material Design zu verwenden. und Tab-Symbole, auch wenn Sie ältere Android-Versionen unterstützen. appcompat und andere verwenden Supportbibliotheken um deine Material Design-UI für ältere Plattformversionen bereitzustellen.

Als Alternative zu Image Asset Studio können Sie Vector Asset Studio zum Erstellen einer Aktionsleiste Tabsymbole. Vektor-Drawables eignen sich für einfache Symbole und können die Größe der

Benachrichtigungssymbole

Eine Benachrichtigung ist eine Nachricht, die Sie dem Nutzer außerhalb der normalen Benutzeroberfläche Ihres In Image Asset Studio werden die Benachrichtigungssymbole an den richtigen Stellen im res/drawable-density/ Verzeichnisse:

  • Symbole für Android 2.2 (API-Ebene 8) und niedriger werden in res/drawable-density/-Verzeichnissen platziert.
  • Symbole für Android 2.3 bis 2.3.7 (API-Level 9 bis 10) befinden sich res/drawable-density-v9/ Verzeichnisse.
  • Symbole für Android 3 (API-Level 11) und höhere werden in res/drawable-density-v11/-Verzeichnissen platziert.

Wenn Ihre App Android 2.3 bis 2.3.7 (API-Level 9 bis 10) unterstützt, generiert Image Asset Studio ein graue Version Ihres Symbols. In neueren Android-Versionen wird das weiße Symbol verwendet, generiert.

Weitere Informationen finden Sie unter Benachrichtigungen. Material Design für Benachrichtigungen Benachrichtigungen, Änderungen bei Android 5.0 Benachrichtigungen, Android 4.4 und niedriger; und Symbole für die Statusleiste, Android 3.0 und niedriger .

Clipart

Mit Image Asset Studio können Sie Google-Material-Symbole ganz einfach in VectorDrawable und PNG-Formate: Wählen Sie einfach ein Symbol aus einem Dialogfeld aus. Weitere Informationen finden Sie unter Material-Symbole:

Bilder

Sie können Ihre eigenen Bilder importieren und an den Symboltyp anpassen. Image Asset Studio unterstützt die folgenden Dateitypen: PNG (bevorzugt), JPG (akzeptabel) und GIF (nicht empfohlen).

Textzeichenfolgen

Mit Image Asset Studio können Sie eine Textzeichenfolge in verschiedenen Schriftarten eingeben und auf einem Symbol platzieren. Das textbasierte Symbol wird in PNG-Dateien für verschiedene Dichten konvertiert. Sie können die Schriftarten verwenden, auf Ihrem Computer installiert sind.

Image Asset Studio ausführen

So starten Sie Image Asset Studio:

  1. Wählen Sie im Fenster Projekt Android-Ansicht:
  2. Klicken Sie mit der rechten Maustaste auf den Ordner res und wählen Sie Neu > Bild-Asset:

    Der Assistent für adaptive und alte Symbole in Image Asset Studio.

  3. Führen Sie die folgenden Schritte aus: <ph type="x-smartling-placeholder">

Adaptive und alte Launcher-Symbole erstellen

Nachdem Sie Image Asset Studio geöffnet haben, können Sie adaptive und alte Symbole hinzufügen, indem Sie Gehen Sie dazu so vor:

  1. Wählen Sie im Feld Symboltyp die Option Launcher-Symbole (Adaptive und Legacy) verwendet.
  2. Wähle auf dem Tab Foreground Layer (Vordergrundebene) einen Asset Type (Asset-Typ) aus und geben Sie das Asset im Feld darunter an: <ph type="x-smartling-placeholder">
      </ph>
    • Wählen Sie Image aus, um den Pfad für eine Bilddatei anzugeben.
    • Wähle Clip Art aus, um ein Bild aus der Symbolset von Material Design.
    • Wählen Sie Text aus, um einen Textstring anzugeben, und wählen Sie eine Schriftart aus.
  3. Wähle auf dem Tab Hintergrundebene einen Asset-Typ und dann geben Sie das Asset im Feld darunter an. Sie können entweder eine Farbe oder Definieren Sie ein Bild, das als Hintergrundebene verwendet werden soll.
  4. Prüfen Sie auf dem Tab Alt die Standardeinstellungen und bestätigen Sie, dass Sie dies möchten. um alte, runde und Google Play Store-Symbole zu generieren.
  5. Optional können Sie den Namen und die Anzeigeeinstellungen für jede der Tabs Vordergrundebene und Hintergrundebene: <ph type="x-smartling-placeholder">
      </ph>
    • Name: Wenn Sie den Standardnamen nicht verwenden möchten, geben Sie einen neuen Namen ein. Namen. Wenn dieser Ressourcenname bereits im Projekt vorhanden ist, unten im Assistenten einen Fehler hervorruft, wird er überschrieben. Der Name kann dürfen nur Kleinbuchstaben, Unterstriche und Ziffern enthalten.
    • Zuschneiden: Hiermit können Sie den Rand zwischen Symbolgrafik und Rahmen anpassen. im Quell-Asset auf Ja. Durch diesen Vorgang wird Folgendes entfernt: transparente Fläche, unter Beibehaltung des Seitenverhältnisses. Um die Quell-Asset nicht geändert haben, wählen Sie Nein aus.
    • Farbe: Du kannst die Farbe eines Clip Art oder eines Textsymbol auf das Feld. Führen Sie im Dialogfeld Farbe auswählen eine Farbe angeben und dann auf Auswählen klicken. Der neue Wert erscheint in auf dem Feld.
    • Größe ändern: Legen Sie mit dem Schieberegler einen Skalierungsfaktor in Prozent fest. um die Größe eines Bild-, Clipart- oder Textsymbols zu ändern. Dieses für die Hintergrundebene deaktiviert, wenn Sie eine Asset-Typ Farbe.
  6. Klicken Sie auf Weiter.
  7. Ändern Sie optional das Ressourcenverzeichnis: Wählen Sie den Satz der Ressourcenquelle aus. wo Sie das Bild-Asset einfügen möchten: src/main/res. src/debug/res, src/release/res oder einen benutzerdefinierten Quellsatz angegeben. Der Hauptquellsatz gilt für alle Build-Varianten, einschließlich Debug- und Veröffentlichung. Die Quellquellen-Sets für Fehlerbehebung und Release überschreiben den Hauptquellsatz und auf eine Version eines Builds anwenden können. Die Quelle für die Fehlerbehebung dient nur der Fehlerbehebung. Um einen neuen Quellensatz zu definieren, wählen Sie Datei > Projektstruktur > app > Build-Typen. Sie können beispielsweise einen Beta-Quellensatz definieren und eine Version einer Symbol mit dem Text „BETA“ in der unteren rechten Ecke. Weitere Informationen finden Sie unter Konfigurieren Build-Varianten.
  8. Klicken Sie auf Fertig. In Image Asset Studio werden die Bilder mipmap-Ordner für die verschiedenen Punktdichten.

App-Symboldesigns in der Vorschau ansehen

Mit Android Studio können Sie Design-App-Symbol und testen, wie es sich an die Farbe des Hintergrunds der Nutzenden anpasst. So sehen Sie sich eine Vorschau der Designs-App an: Symbol, öffnen Sie die Datei launcher.xml, mit der Ihr Symbol definiert wird, und verwenden Sie dann das Auswahl System-UI-Modus in der Symbolleiste, um zwischen Hintergründen zu wechseln und zu sehen, wie das Symbol reagiert.

Weitere Informationen zum Erstellen von App-Symboldesigns finden Sie unter Adaptive Symbole:

<ph type="x-smartling-placeholder">
</ph>
Auswahl des System-UI-Modus

<ph type="x-smartling-placeholder">
</ph>
Du kannst App-Symbole auf verschiedenen Hintergründen in der Vorschau ansehen.

Aktionsleisten oder Tabsymbol erstellen

Nach dem Öffnen von Image Asset Studio können Sie eine Aktionsleiste oder ein Tabsymbol hinzufügen. indem Sie die folgenden Schritte ausführen:

  1. Wählen Sie im Feld Symboltyp die Option Aktionsleiste und Tabsymbole aus.
  2. Wählen Sie einen Asset-Typ aus und geben Sie das Asset dann im Feld darunter an:
    • Klicken Sie auf die Schaltfläche im Feld Clip Art.

      • Wählen Sie im Dialogfeld Symbol auswählen ein Materialsymbol aus und klicken Sie dann auf OK.

    • Geben Sie im Feld Pfad den Pfad und den Dateinamen des Bildes an. Klicken Sie auf ..., um ein Dialogfeld zu öffnen.
    • Geben Sie im Feld Text eine Textzeichenfolge ein und wählen Sie eine Schriftart aus.

    Das Symbol wird rechts im Bereich Quell-Asset angezeigt. Vorschaubereich unten im Assistenten.

  3. Optional können Sie den Namen und die Anzeigeoptionen ändern: <ph type="x-smartling-placeholder">
      </ph>
    • Name: Wenn Sie den Standardnamen nicht verwenden möchten, geben Sie einen neuen Namen ein. Wenn dieser Ressourcenname bereits im Projekt vorhanden ist, wie durch einen Fehler unter werden sie überschrieben. Der Name darf Kleinbuchstaben enthalten nur Zeichen, Unterstriche und Ziffern enthalten.
    • Zuschneiden: Passen Sie den Rand zwischen den Symbolgrafik und Rahmen des Quell-Assets wählen Sie Ja aus. Dieser Vorgang wird transparenter Bereich entfernt, während wobei das Seitenverhältnis beibehalten wird. Wenn Sie das Quell-Asset unverändert lassen möchten, wählen Sie Nein.
    • Abstand – Wenn Sie den des Quell-Assets auf allen vier Seiten, bewegen Sie den Schieberegler. Wählen Sie einen Wert zwischen -10% und 50 % aus. Wenn du außerdem Zuschneiden auswählst, wird zuerst das Video geschnitten.
    • Design: Auswählen HOLO_LIGHT oder HOLO_DARK. Sie können auch im Dialogfeld Farbe auswählen eine Farbe festlegen. BENUTZERDEFINIERT und klicken Sie dann auf das Feld Benutzerdefinierte Farbe.

    In Image Asset Studio wird das Symbol in einem transparenten Quadrat erstellt, damit es einen gewissen Abstand gibt. an den Kanten. Der Innenrand bietet ausreichend Platz für den standardmäßigen Schlagschatten-Symboleffekt.

  4. Klicken Sie auf Weiter.
  5. Ändern Sie optional das Ressourcenverzeichnis:
    • Res Directory (Auflösungsverzeichnis): Wählen Sie die Ressourcenquelle aus, der Sie den Bild-Asset: src/main/res, src/debug/res src/release/res oder einen benutzerdefinierten Quellsatz. Der Hauptquellsatz gilt für alle Build-Varianten, einschließlich Debuggen und veröffentlichen. Die Quellgruppen für die Fehlerbehebung und den Release überschreiben den Quellsatz der Hauptquelle und wenden die Änderungen an auf eine Build-Version. Die Quelle für die Fehlerbehebung dient nur der Fehlerbehebung. Um eine neue Quelle zu definieren Datei > Projektstruktur > app > Build-Typen. Sie könnten z. B. einen Beta-Quellensatz definieren und einen Version eines Symbols mit dem Text "BETA" in der unteren rechten Ecke. Weitere Informationen finden Sie unter Build-Varianten konfigurieren

    Im Bereich Output Directoryies (Ausgabeverzeichnisse) werden die Bilder und die Ordner angezeigt. wo sie in Ansicht „Projektdateien“ des Projekt.

  6. Klicken Sie auf Fertig.

    7. In Image Asset Studio werden die Bilder in den drawable-Ordnern für die verschiedenen Dichten.

Benachrichtigungssymbol erstellen

Nachdem du Image Asset Studio geöffnet hast, kannst du ein Benachrichtigungssymbol hinzufügen. indem Sie die folgenden Schritte ausführen:

  1. Wählen Sie im Feld Symboltyp die Option Benachrichtigungssymbole aus.
  2. Wählen Sie einen Asset-Typ aus und geben Sie das Asset dann im Feld darunter an:
    • Klicken Sie auf die Schaltfläche im Feld Clip Art.

      • Wählen Sie im Dialogfeld Symbol auswählen ein Materialsymbol aus und klicken Sie dann auf OK.

    • Geben Sie im Feld Pfad den Pfad und den Dateinamen des Bildes an. Klicken Sie auf ..., um ein Dialogfeld zu öffnen.
    • Geben Sie im Feld Text eine Textzeichenfolge ein und wählen Sie eine Schriftart aus.

    Das Symbol wird rechts im Bereich Quell-Asset angezeigt. Vorschaubereich unten im Assistenten.

  3. Optional können Sie den Namen und die Anzeigeoptionen ändern: <ph type="x-smartling-placeholder">
      </ph>
    • Name: Wenn Sie den Standardnamen nicht verwenden möchten, geben Sie einen neuen Namen ein. Wenn dieser Ressourcenname bereits im Projekt vorhanden ist, wie durch einen Fehler unter werden sie überschrieben. Der Name darf Kleinbuchstaben enthalten nur Zeichen, Unterstriche und Ziffern enthalten.
    • Zuschneiden: Passen Sie den Rand zwischen den Symbolgrafik und Rahmen des Quell-Assets wählen Sie Ja aus. Dieser Vorgang entfernt transparenten Bereich unter Beibehaltung des Seitenverhältnisses. So verlassen Sie das Quell-Asset unverändert lassen, wählen Sie Nein aus.
    • Abstand – Wenn Sie den des Quell-Assets auf allen vier Seiten, bewegen Sie den Schieberegler. Wählen Sie einen Wert zwischen -10% und 50%. Wenn Sie auch Zuschneiden auswählen, wird zuerst geschnitten.

    In Image Asset Studio wird das Symbol in einem transparenten Quadrat erstellt, damit es einen gewissen Abstand gibt. an den Kanten. Der Innenrand bietet ausreichend Platz für den standardmäßigen Schlagschatten-Symboleffekt.

  4. Klicken Sie auf Weiter.
  5. Ändern Sie optional das Ressourcenverzeichnis:
    • Res Directory (Auflösungsverzeichnis): Wählen Sie die Ressourcenquelle aus, der Sie den Bild-Asset: src/main/res, src/debug/res src/release/res oder einen benutzerdefinierten Quellsatz. Der Hauptquellsatz gilt für alle Build-Varianten, einschließlich Debuggen und veröffentlichen. Die Quellgruppen für die Fehlerbehebung und den Release überschreiben den Quellsatz der Hauptquelle und wenden die Änderungen an auf eine Build-Version. Die Quelle für die Fehlerbehebung dient nur der Fehlerbehebung. Um eine neue Quelle zu definieren Datei > Projektstruktur > app > Build-Typen. Sie könnten z. B. einen Beta-Quellensatz definieren und einen Version eines Symbols mit dem Text "BETA" in der unteren rechten Ecke. Weitere Informationen finden Sie unter Build-Varianten konfigurieren

    Im Bereich Output Directoryies (Ausgabeverzeichnisse) werden die Bilder und die Ordner angezeigt. wo sie in Ansicht „Projektdateien“ des Projekt.

  6. Klicken Sie auf Fertig.

    7. In Image Asset Studio werden die Bilder in den drawable-Ordnern für die verschiedenen Dichten und Versionen.

Mit Ansichten auf eine Bildressource im Code verweisen

<ph type="x-smartling-placeholder">

Sie können in Ihrem Code normalerweise allgemein auf eine Bildressource verweisen. ausgeführt wird, wird das entsprechende Bild automatisch angezeigt. Gerät:

  • In den meisten Fällen können Sie Bildressourcen im XML-Code als @drawable oder Drawable in Java-Code.

    • Mit dem folgenden Layout-XML-Code wird beispielsweise das Drawable in einem ImageView:

    <ImageView
    android:layout_height="wrap_content"
    android:layout_width="wrap_content"
    android:src="@drawable/myimage" />

    Mit dem folgenden Java-Code wird das Image als Drawable:

    Kotlin

    val drawable = resources.getDrawable(R.drawable.myimage, theme)

    Java

    Resources res = getResources();
Drawable drawable = res.getDrawable(R.drawable.myimage, getTheme());

    Das getResources() Methode befindet sich in Context , die für UI-Objekte wie Aktivitäten, Fragmenten, Layouts, Ansichten usw.

  • Wenn Ihre App die Support Library verwendet, können Sie auf eine Bildressource in XML-Code mit einem app:srcCompat-Anweisung. Beispiel:
    • <ImageView
    android:layout_height="wrap_content"
    android:layout_width="wrap_content"
    app:srcCompat="@drawable/myimage" />

Sie können nur über den Hauptthread auf Bildressourcen zugreifen.

Sobald sich im Verzeichnis res/ Ihres Projekts eine Image-Ressource befindet, können Sie Sie können im Java-Code oder im XML-Layout mithilfe der Ressourcen-ID darauf verweisen. Der folgende Java-Code legt eine ImageView die Ressource drawable/myimage.png:

Kotlin

findViewById<ImageView>(R.id.myimageview).apply {
    setImageResource(R.drawable.myimage)
}

Java

ImageView imageView = (ImageView) findViewById(R.id.myimageview);
imageView.setImageResource(R.drawable.myimage);

Weitere Informationen finden Sie unter <ph type="x-smartling-placeholder"></ph> Weitere Informationen finden Sie unter „Ressourcen aufrufen“.

Symbol aus einem Projekt löschen

So entfernen Sie ein Symbol aus einem Projekt:

  1. Wählen Sie im Fenster Projekt Android-Ansicht:
  2. Maximieren Sie den Ordner res/mipmap für ein Launcher-Symbol oder den res/drawable für andere Arten von Symbolen.
  3. Suchen Sie einen Unterordner mit dem Namen des Symbols, das Sie löschen möchten.

    4. Dieser Ordner enthält das Symbol in unterschiedlicher Dichte.

  4. Wählen Sie den Ordner und drücken Sie die Entf-Taste.

    5. Alternativ können Sie auch auf Bearbeiten > Löschen: Oder klicken Sie mit der rechten Maustaste und wählen Sie Löschen aus.

    Das Dialogfeld Sicheres Löschen wird angezeigt.

  5. Wählen Sie optional Optionen aus, um herauszufinden, wo das Symbol im Projekt verwendet wird, und klicken Sie auf OK.

    6. Android Studio löscht die Dateien aus dem Projekt und aus dem Laufwerk. Wenn Sie jedoch nach für die Stellen im Projekt, an denen die Dateien verwendet werden und einige Nutzungen gefunden werden, können Sie diese aufrufen und entscheiden, ob sie gelöscht werden sollen. Sie müssen diese Referenzen löschen oder ersetzen, um um Ihr Projekt erfolgreich zu kompilieren.

  6. Wählen Sie Build aus > Sauberes Projekt.

    7. Android Studio entfernt alle generierten Bilddateien, die der gelöschten Image-Ressource entsprechen. Sie werden aus dem Projekt und aus dem Laufwerk entfernt.

  7. Korrigieren Sie bei Bedarf alle verbleibenden Fehler aufgrund von Teilen des Codes, die auf die .

    8. Android Studio hebt diese Fehler in Ihrem Code hervor. Wenn Sie alle Referenzen aus können Sie Ihr Projekt erfolgreich neu erstellen.