Hintergrundfarbe des Android Studio Image Asset Launcher-Symbols


112

Ich habe ein PNG-Logo für meine App, das keinen Hintergrund hat. Wenn ich es als Image Asset zu Android Studio hinzufüge, muss ich einen Hintergrund haben. Das Hex-Feld akzeptiert keine 8-stelligen Farbcodes, nur 6-stellige. Gibt es überhaupt eine Möglichkeit, den Hintergrund unsichtbar zu halten?


1
romannurik.github.io/AndroidAssetStudio Tolles Tool für jede Art von Symbolen, die Sie generieren möchten
Pierre

Antworten:


201

Um den Hintergrund transparent zu machen, setzen Sie shapeals None. Siehe das Bild unten:

Geben Sie hier die Bildbeschreibung ein

BEARBEITEN:

Für Android Studio 3.0 können Sie es über die LegacyRegisterkarte festlegen

Geben Sie hier die Bildbeschreibung ein


27
Vielen Dank, ich habe nicht bemerkt, dass ich nach unten scrollen musste, um die Form zu sehen :)
HishamGarout

1

3
Noch ein Beispiel für die schlechte UX in Studio
AmitP

21
Diese Antwort scheint ab Android Studio 3.0 nicht mehr gültig zu sein.
ElYeante

2
Wie mache ich die Hintergrundebene transparent?
Zulkarnain Shah

38

Ich verwende Android Studio 3.0.1und wenn die obige Antwort für Sie nicht funktioniert, versuchen Sie die Änderungen icon typein ein Legacyund wählen Sie Shapeauf Noneder Standard ein, ist Adaptive and Legacy.

Geben Sie hier die Bildbeschreibung ein

Hinweis: Einige Geräte haben einen Launcher installiert, der automatisch weißen Hintergrund zum Symbol hinzufügt. Dies ist normal.


2
Sie wählen Legacy nur aus, wenn Ihre targetSdkVersion kleiner als 26 ist. Wenn Ihre targetSdkVersion 26 ist, sollte Ihr Symboltyp anpassungsfähig und Legacy sein.
Rupam Das

1
Wie mache ich die Hintergrundebene transparent?
Zulkarnain Shah

@zulkarnainshah Wenn Sie keine im Legacy-Modus formen möchten, wird eine transparente Farbe angezeigt.
Farhana

Scheint in Android Studio 3+ nicht zu funktionieren. Die unten stehende Antwort von Patrick scheint jedoch zumindest in Android Studio 3.1.2 zu funktionieren.
Stephen M-auf Streik-

@StephenM - welche Android-Version läuft? Denken Sie daran, dass sich die Dinge speziell von Symbolen ab Lollipop bis zur neuesten Android-Version unterscheiden. Daher wäre ich nicht überrascht, wenn in der neuesten Android-Version andere Hintergrundsymbole angezeigt werden. Die Lösung besteht darin, zu versuchen, die niedrigere Version von Android zu verwenden und einen Launcher zu verwenden, der keinen Hintergrund in Symbolen hinzufügt, nur für die Entwicklung, um das tatsächliche Design Ihres Symbols zu sehen oder mit dem neuesten Android zu bleiben und einfach zu folgen, was sie wollen.
Polar

26

Sie haben zwei Möglichkeiten:

1) Reduzieren Sie unter Hintergrundebene> Skalierung die Größenänderung auf 1

Geben Sie hier die Bildbeschreibung ein

und dann unter Legacy> Legacy Icon Shape als None festlegen

Geben Sie hier die Bildbeschreibung ein


2) Unter Hintergrundebene> Skalierung> Quell-Asset können Sie ein Bild als transparentes.png-Bild mit 1 x 1 Pixel (oder einer beliebigen Größe) festlegen (das Sie bereits erstellt haben).

Geben Sie hier die Bildbeschreibung ein

und dann unter Legacy> Legacy Icon Shape als None festlegen

Geben Sie hier die Bildbeschreibung ein


14
Was hast du gemacht Full Bleed Layers?
Tricky Bay

20

Der obige Ansatz hat bei Android Studio 3.0 bei mir nicht funktioniert. Es zeigt immer noch den Hintergrund. Ich habe gerade eine leere Hintergrunddatei erstellt

<?xml version="1.0" encoding="utf-8"?>
<vector
android:height="108dp"
android:width="108dp"
android:viewportHeight="108"
android:viewportWidth="108"
xmlns:android="http://schemas.android.com/apk/res/android">
</vector>

Dies funktionierte mit Ausnahme der vollständigen Entlüftungsschichten


1
Ich benutze auch Android Studio 3.0, ich mache das gleiche, damit es funktioniert. Es sieht so aus, als ob wir keine Symbolbasis mehr für das erstellen dürfen, was wir wollen.
Polar

2
Das funktioniert nicht. Android Studio 3.0.1, Sie können keinen transparenten Hintergrund festlegen.
Rupam Das

2
Arbeitete für mich in Android Studio 3.1.2. Es wurde im Image Asset-Generator als schwarz angezeigt, ist jedoch transparent, wenn ich meine App bereitstelle.
Stephen M-auf Streik-

Ich erhalte einen Rendering-Fehler, wenn ich versuche, diesen Vektor als Hintergrund zu verwenden.
Chagai Friedlander

11

Dies ist nur eine weitere Problemumgehung.

  1. Wählen Sie für die "Vordergrundebene" "Asset-Typ" als Text aus und löschen Sie den Standardtext im Textfeld.

Navigieren Sie zu Ihrem Bildpfad

  1. Wählen Sie für die "Hintergrundebene" "Asset-Typ" als Bild aus und wählen Sie nun den Pfad des gewünschten Bilds als Symbol aus.

Geben Sie hier die Bildbeschreibung ein

Und du bist gut zu gehen.


Sehr einfache Lösung. Vielen Dank! Ich habe es auf Android Studio 3.6 getestet und eine Sache, die hinzugefügt werden muss, ist, dass es mir den Fehler gab, wenn der Vordergrundtext null war. Also habe ich dort nur ein Leerzeichen hinzugefügt und es funktioniert. Und noch mehr hinzufügen! Danach gab es ein Problem: Als ich mit dem Hinzufügen von mipmap fertig war und mein Projekt ausführte, gab es ein Android-Logo, das mein Logo überschrieb, und ich habe dieses Problem behoben, indem ich die XML-Dateien des Mipmap-Symbols geändert habe, indem ich die Vordergrund-Tag-Zeile entfernt habe. Hoffe es wird jemandem helfen.
Feroz Khan

Das ist brilliant!
ikerfah


1

Erstellen Sie zunächst ein Startsymbol (Adaptive and Legacy)aus Image Asset:

Wählen Sie eine imagefür die Hintergrundschicht und die Größe auf 0% oder 1% und in Legacy - Registersatz shapezu none.

Löschen Sie dann den Ordner res/mipmap/ic_laucher_roundim Projektfenster und öffnen Sie AndroidManifest.xml und entfernen Sie das Attribut android:roundIcon="@mipmap/ic_launcher_round"aus dem applicationElement.

Am Ende löschen ic_launcher.xmlvon mipmap-anydpi-v26.

Beachten Sie Folgendes: Einige Geräte wie Nexus 5X (Android 8.1) fügen automatisch einen weißen Hintergrund hinzu und können nichts tun.


0

Dies sind die Schritte, die ich unternommen habe, um ein Bild transparent zu machen:

1- Ich habe eine Online-Website verwendet, die das Bild transparent macht. Es gibt viele davon. Für mich verwende ich diese https://www241.lunapic.com/editor/?action=transparent und manchmal diese http://www.online-image-editor.com/help/transparency

2- Öffnen Sie in Android Studio (ich verwende Version 3.1.3) Image Asset über App> res (Rechtsklick)> Neu> Image Asset Image Asset

3- Wählen Sie im Pfad den Speicherort des transparenten Bilds aus, das Sie von der Online-Website heruntergeladen haben, und wählen Sie die anderen Optionen wie gezeigt aus, dann Weiter und dann Fertig stellen. Die fünf verschiedenen Bildgrößen mdpi (48 × 48), hdpi (72 × 72), xhdpi (96 × 96), xxhdpi (144 × 144) und xxxhdpi (192 × 192) werden in der res / mipmap erstellt. Dichte Ordner. Image Asset-Konfiguration

4- Wenn Sie andere Größen (Abmessungen) als oben benötigen, können Sie auf dieser Website http://nsimage.brosteins.com/ Ihr PNG-Bild mit der größten Größe hochladen, das in xxxhdpi verwendet wird. Nach dem Hochladen können Sie eine Zip-Datei mit den fünf verschiedenen Bildgrößen in den Ordnern res / drawable- density herunterladen . Geben Sie hier die Bildbeschreibung ein


-1

Unter Verwendung von Android 3.0.1 bemerkte ich dieses seltsame Verhalten (Lösung). Erstens: Ändern Sie in der Hintergrundebene im Quell-Asset den Asset-Typ von Bild zu Farbe und dann wieder zu Bild. Zweitens: Aktivieren Sie das Trimmen bei der Skalierung und ändern Sie die Größe auf einen kleinen Prozentsatz. Das funktioniert dann einwandfrei. PS: Wenn Sie den ersten Schritt nicht gemacht haben, wird die Skalierung nicht beeinflusst. und wenn jemand eine Erklärung dafür hat, geben Sie diese bitte an. Schritte

Durch die Nutzung unserer Website bestätigen Sie, dass Sie unsere Cookie-Richtlinie und Datenschutzrichtlinie gelesen und verstanden haben.
Licensed under cc by-sa 3.0 with attribution required.