Colore di sfondo dell'icona di avvio delle risorse immagine di Android Studio


112

Ho un logo .png per la mia app che non ha uno sfondo, quando lo aggiungo ad Android Studio come risorsa immagine sono costretto ad avere uno sfondo. Il campo esadecimale non accetta codici colore a 8 cifre, solo 6 cifre. C'è comunque per mantenere lo sfondo invisibile?


1
romannurik.github.io/AndroidAssetStudio Ottimo strumento per qualsiasi tipo di icone che desideri generare
Pierre

Risposte:


201

Per rendere trasparente lo sfondo, impostare shapecome None. Guarda l'immagine qui sotto:

inserisci qui la descrizione dell'immagine

MODIFICARE:

Per Android Studio 3.0, puoi impostarlo da LegacyTab

inserisci qui la descrizione dell'immagine


27
Grazie mille, non ho notato che dovevo scorrere verso il basso per vedere la forma :)
HishamGarout

1
basta selezionare il pulsante di
opzione

3
Ancora un altro esempio della scarsa UX in Studio
AmitP

21
Questa risposta sembra non più valida, da Android Studio 3.0.
ElYeante

2
Come rendere trasparente il livello di sfondo?
zulkarnain shah

38

Sto usando Android Studio 3.0.1e se la risposta sopra non funziona per te, prova a cambiare icon typein Legacye selezionare Shapea None, quello predefinito è Adaptive and Legacy.

inserisci qui la descrizione dell'immagine

Nota: alcuni dispositivi hanno installato un programma di avvio con l'aggiunta automatica di uno sfondo bianco nell'icona, è normale.


2
Seleziona legacy solo quando targetSdkVersion è inferiore a 26. Se targetSdkVersion è 26, il tipo di icona deve essere adattivo e legacy.
Rupam Das

1
Come rendere trasparente il livello di sfondo?
zulkarnain shah

@zulkarnainshah se scegli di non modellarne nessuno con la modalità legacy, mostrerà un colore trasparente.
Farhana

Non sembra funzionare in Android Studio 3+. Tuttavia, la risposta di Patrick di seguito sembra funzionare, almeno in Android Studio 3.1.2.
Stephen M -on sciopero-

@StephenM - quale versione di Android stai utilizzando? Ricorda che le cose diventano diverse specialmente dall'icona a partire da Lollipop all'ultima versione di Android, quindi non sarei sorpreso se le persone vedessero un'icona di sfondo diversa nell'ultima versione di Android. la soluzione è provare a utilizzare la versione inferiore di Android e utilizzare un programma di avvio che non aggiunge alcuno sfondo alle icone solo per lo sviluppo per vedere il vero design della tua icona o continuare a utilizzare l'ultimo Android e seguire semplicemente quello che vogliono.
Polar

26

Hai due modi:

1) In Livello sfondo> Ridimensionamento , riduci il Ridimensiona a 1

inserisci qui la descrizione dell'immagine

e quindi in Legacy> Legacy Icon impostare Shape come None

inserisci qui la descrizione dell'immagine


2) in Livello sfondo> Ridimensionamento> Risorsa sorgente , puoi impostare un'immagine come immagine transparent.png di 1x1 pixel (o di qualsiasi dimensione) (che hai già creato).

inserisci qui la descrizione dell'immagine

e quindi in Legacy> Legacy Icon impostare Shape come None

inserisci qui la descrizione dell'immagine


15
che cosa hai fatto Full Bleed Layers?
Tricky Bay

21

l'approccio di cui sopra non ha funzionato per me su Android Studio 3.0. Mostra ancora lo sfondo. Ho appena creato un file di sfondo vuoto

<?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>

Ha funzionato tranne gli strati al vivo


1
Sto anche usando Android Studio 3.0, faccio lo stesso per farlo funzionare. Sembra che non siamo più autorizzati a creare un'icona basata su ciò che vogliamo.
Polar

2
Questo non funziona. Android Studio 3.0.1, non è possibile impostare uno sfondo trasparente.
Rupam Das

2
Ha funzionato per me in Android Studio 3.1.2. È apparso in nero nel generatore di risorse immagine, ma è trasparente quando distribuisco la mia app.
Stephen M -on sciopero-

Ottengo un errore di rendering quando provo a utilizzare questo vettore come sfondo, qualcun altro?
Chagai Friedlander

11

Questa è solo un'altra soluzione alternativa.

  1. Per il "Livello di primo piano", seleziona "Tipo di risorsa" come testo ed elimina il testo predefinito nel campo di testo.

Sfoglia il percorso dell'immagine

  1. Per il "Livello di sfondo", seleziona "Tipo di risorsa" come immagine e ora scegli il percorso dell'immagine che desideri come icona.

inserisci qui la descrizione dell'immagine

E sei a posto.


Soluzione molto semplice. Grazie tante! L'ho testato su Android Studio 3.6 e una cosa da aggiungere è che mi dava l'errore dopo aver nullo il testo in primo piano. Quindi quello che ho fatto è solo aggiungere uno spazio lì e funziona. E aggiungendone altri! dopo di che ho avuto un problema che quando ho finito di aggiungere mipmap e ho eseguito il mio progetto, c'era un logo Android che sovrascrive il mio logo e l'ho risolto modificando i file xml dell'icona mipmap rimuovendo la tag line in primo piano. Spero che possa aiutare qualcuno.
Feroz Khan,

È brillante!
ikerfah


1

Innanzitutto, crea un'icona di avvio (Adaptive and Legacy) da Image Asset:

Seleziona un imagelivello di sfondo e ridimensionalo a 0% o 1% e Nella scheda legacy impostato shapesunone .

Quindi, elimina la cartella res/mipmap/ic_laucher_roundnella finestra del progetto e apri AndroidManifest.xml e rimuovi l'attributo android:roundIcon="@mipmap/ic_launcher_round"dal fileapplication elemento.

Alla fine, elimina ic_launcher.xmldamipmap-anydpi-v26 .

Nota che: alcuni dispositivi come Nexus 5X (Android 8.1) aggiungono automaticamente uno sfondo bianco e non possono fare nulla.


0

Questi sono i passaggi che ho seguito per rendere trasparente un'immagine:

1- Ho utilizzato un sito Web online che rende l'immagine trasparente, ce ne sono molti. Per me, utilizzo questo https://www241.lunapic.com/editor/?action=transparent e talvolta questo http://www.online-image-editor.com/help/transparency

2- In Android Studio (sto usando la versione 3.1.3), apri Image Asset da app> res (tasto destro)> New> Image Asset Asset immagine

3- Nel Percorso, scegli la posizione dell'immagine trasparente che hai scaricato dal sito Web online e imposta le altre opzioni come mostrato, quindi Avanti, quindi Fine. Le cinque diverse dimensioni dell'immagine mdpi (48 × 48), hdpi (72 × 72), xhdpi (96 × 96), xxhdpi (144 × 144) e xxxhdpi (192 × 192) verranno create nel file res / mipmap- cartelle di densità . Configurazione asset immagine

4- Se hai bisogno di dimensioni (dimensioni) diverse da quelle sopra, puoi utilizzare questo sito Web http://nsimage.brosteins.com/ per caricare la tua immagine PNG di dimensioni maggiori che verrà utilizzata in xxxhdpi. Dopo il caricamento, è possibile scaricare un file zip contenente le cinque diverse dimensioni dell'immagine nelle cartelle res / drawable- density . inserisci qui la descrizione dell'immagine


-1

Utilizzando Android 3.0.1 ho notato questo strano comportamento (soluzione), Primo: nel livello di sfondo in source_asset cambia asset_type da immagine a colore e poi cambialo di nuovo in immagine. secondo: abilita il taglio in scala e poi ridimensionalo a una piccola percentuale e funzionerà perfettamente. PS: Se non hai eseguito il primo passaggio, il ridimensionamento non avrà effetto. e se qualcuno ha una spiegazione per questo, si prega di fornire. passaggi

Utilizzando il nostro sito, riconosci di aver letto e compreso le nostre Informativa sui cookie e Informativa sulla privacy.
Licensed under cc by-sa 3.0 with attribution required.