Color de fondo del icono del lanzador de activos de imagen de Android Studio


112

Tengo un logotipo .png para mi aplicación que no tiene fondo, cuando lo agrego a Android Studio como un activo de imagen, me veo obligado a tener un fondo. El campo hexadecimal no acepta códigos de color de 8 dígitos, solo 6 dígitos. ¿Existe alguna forma de mantener el fondo invisible?


1
romannurik.github.io/AndroidAssetStudio Excelente herramienta para cualquier tipo de íconos que desee generar
Pierre

Respuestas:


201

Para que el fondo sea transparente, establezca shapecomo None. Vea la imagen a continuación:

ingrese la descripción de la imagen aquí

EDITAR:

Para Android Studio 3.0, puede configurarlo desde la Legacypestaña

ingrese la descripción de la imagen aquí


27
Muchas gracias, no me di cuenta de que necesitaba desplazarme hacia abajo para ver la forma :)
HishamGarout

1
simplemente seleccione el botón de
opción de

3
Otro ejemplo más de la pobre
experiencia de usuario

21
Esta respuesta ya no parece válida, de Android Studio 3.0.
ElYeante

2
¿Cómo hacer transparente la capa de fondo?
zulkarnain shah

38

Estoy usando Android Studio 3.0.1y si la respuesta anterior no funciona para usted, trate de cambiar el icon typeen Legacyy seleccione Shapea None, el valor por defecto es Adaptive and Legacy.

ingrese la descripción de la imagen aquí

Nota: Algunos dispositivos han instalado un lanzador que agrega automáticamente un fondo blanco en el ícono, eso es normal.


2
Selecciona legacy solo cuando tu targetSdkVersion es menor que 26. Si tu targetSdkVersion es 26, entonces tu tipo de icono debe ser adaptable y legacy.
Rupam Das

1
¿Cómo hacer transparente la capa de fondo?
zulkarnain shah

@zulkarnainshah si eliges dar forma a ninguno con el modo heredado, entonces mostrará un color transparente.
Farhana

No parece funcionar en Android Studio 3+. Sin embargo, la respuesta de Patrick a continuación parece funcionar, al menos en Android Studio 3.1.2.
Stephen M -en huelga-

@StephenM: ¿qué versión de Android estás ejecutando? Recuerde que las cosas se vuelven diferentes, especialmente desde el ícono desde Lollipop hasta la última versión de Android, por lo que no me sorprendería que la gente vea un ícono de fondo diferente en la última versión de Android. la solución es intentar usar la versión inferior de Android y usar un lanzador que no agrega ningún fondo en los íconos solo para el desarrollo para ver el diseño real de su ícono o seguir usando la última versión de Android y simplemente seguir lo que quieren.
Polar

26

Tienes dos formas:

1) En Capa de fondo> Escala , reduzca el tamaño a 1

ingrese la descripción de la imagen aquí

y luego en Legacy> Legacy Icon establezca la forma como Ninguna

ingrese la descripción de la imagen aquí


2) en Capa de fondo> Escala> Activo de origen , puede establecer una imagen como una imagen transparente.png de 1x1 píxeles (o cualquier tamaño) (ya la ha creado).

ingrese la descripción de la imagen aquí

y luego en Legacy> Legacy Icon establezca la forma como Ninguna

ingrese la descripción de la imagen aquí


15
lo que hizo al respecto Full Bleed Layers?
Tricky Bay

21

el enfoque anterior no funcionó para mí en Android Studio 3.0. Todavía muestra el fondo. Acabo de hacer un archivo de fondo vacío

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

Esto funcionó excepto las capas de sangrado completo


1
También estoy usando Android Studio 3.0, hago lo mismo para que funcione. Parece que ya no se nos permite hacer un icono basado en lo que queremos.
Polar

2
Esto no está funcionando. Android Studio 3.0.1, no se puede establecer un fondo transparente.
Rupam Das

2
Me funcionó en Android Studio 3.1.2. Apareció en el generador de activos de imagen en negro, pero es transparente cuando implemento mi aplicación.
Stephen M -en huelga-

Recibo un error de renderizado cuando intento usar este vector como fondo, ¿alguien más?
Chagai Friedlander

11

Esta es solo otra solución alternativa.

  1. Para la 'Capa de primer plano', seleccione 'Tipo de activo' como texto y elimine el texto predeterminado en el campo de texto.

Busque la ruta de su imagen

  1. Para la 'Capa de fondo', seleccione 'Tipo de activo' como imagen y ahora elija la ruta de la imagen que desea como icono.

ingrese la descripción de la imagen aquí

Y estás listo para irte.


Solución muy sencilla. ¡Muchas gracias! Lo probé en Android Studio 3.6 y una cosa que agregar es que me estaba dando el error al tener el texto de primer plano nulo. Entonces, lo que hice fue agregar un espacio allí y está funcionando. ¡Y añadiendo más! después de eso tuve un problema que cuando terminé de agregar mipmap y ejecuté mi proyecto, había un logotipo de Android que anulaba mi logotipo y lo solucioné modificando los archivos xml del icono de mipmap eliminando la línea de etiqueta en primer plano. Espero que ayude a alguien.
Feroz Khan

¡Esto es brillante!
ikerfah


1

Primero, cree un icono de lanzador (Adaptive and Legacy)desde Image Asset:

Seleccione una imagecapa de fondo y cambie su tamaño a 0% o 1% y en la pestaña heredada establecida shapeen none.

Luego, elimine la carpeta res/mipmap/ic_laucher_rounden la ventana del proyecto y abra AndroidManifest.xml y elimine el atributo android:roundIcon="@mipmap/ic_launcher_round"del applicationelemento.

Al final, elimine ic_launcher.xmlde mipmap-anydpi-v26.

Tenga en cuenta que: algunos dispositivos como Nexus 5X (Android 8.1) agregan un fondo blanco automáticamente y no pueden hacer nada.


0

Estos son los pasos que tomé para hacer una imagen transparente:

1- Utilicé un sitio web en línea que hace que la imagen sea transparente, hay muchos. Para mí, uso este https://www241.lunapic.com/editor/?action=transparent y, a veces, este http://www.online-image-editor.com/help/transparency

2- En Android Studio (estoy usando la versión 3.1.3), abra Image Asset desde la aplicación> res (clic derecho)> Nuevo> Image Asset Activo de imagen

3- En la Ruta, elija la ubicación de la imagen transparente que descargó del sitio web en línea, y haga las otras opciones como se muestra, luego Siguiente, luego Finalizar. Los cinco tamaños diferentes de imagen mdpi (48 × 48), hdpi (72 × 72), xhdpi (96 × 96), xxhdpi (144 × 144) y xxxhdpi (192 × 192) se crearán en res / mipmap- carpetas de densidad . Configuración de activos de imagen

4- Si necesita tamaños (dimensiones) diferentes a los anteriores, puede usar este sitio web http://nsimage.brosteins.com/ para cargar su imagen PNG de mayor tamaño que se utilizará en xxxhdpi. Después de cargar, puede descargar un archivo zip que contiene los cinco tamaños diferentes de imagen en las carpetas res / densidad de diseño. ingrese la descripción de la imagen aquí


-1

Usando Android 3.0.1 noté este comportamiento extraño (solución), Primero: en la capa de fondo en source_asset, cambie el asset_type de imagen a color y luego vuelva a cambiarlo a imagen. segundo: habilite el recorte en la escala y luego cambie su tamaño a un pequeño porcentaje y funcionará perfectamente. PD: Si no hiciste el primer paso, la escala no tendrá efecto. y si alguien tiene una explicación para esto, por favor proporcione. pasos

Al usar nuestro sitio, usted reconoce que ha leído y comprende nuestra Política de Cookies y Política de Privacidad.
Licensed under cc by-sa 3.0 with attribution required.