studio - svg android 2

Vector Asset Studio está importando archivos.svg coloridos como blanco y negro

Question

Estoy usando las instrucciones que se encuentran aquí, de Google para usar la nueva opción (marzo de 2016) para importar archivos .svg en archivos dibujables en lugar de .png.

El problema que tengo es que el archivo se importa en blanco y negro, aunque el archivo tiene muchos colores.

Aquí hay una imagen del archivo .svg, según lo leído por Google Chrome:

Este mismo archivo, se lee de esta manera en Vector Asset Studio:

Y en la aplicación, la imagen aparece en blanco y negro.

¿Alguna idea de por qué esto está sucediendo?

El archivo .svg se está generando en Adobe PhotoShop Creative Cloud y estoy usando Android Studio 1.5.1 en Mac.

¡Gracias!

EDITAR: se agregó un enlace al archivo .svg que estoy usando para esta pregunta.

Answer 1

También tuve el mismo problema, pero después de excavar internet finalmente encontré la solución, aquí está: -

Después de terminar con el ilustrador diseñando.

1) Vaya a Archivo -> Guardar como ---> Se abre el cuadro de diálogo de la ventana -> escriba el nombre de svg ---> Haga clic en Guardar

2) Ahora muestra el cuadro de diálogo Opciones de SVG ---> En la parte inferior izquierda, haga clic en Más opciones ---> En el menú desplegable de propiedades de CSS ---> Seleccione los atributos de presentación

Esta configuración hace que el código svg compatible para la importación de Android con colores!

Lo siento por hacer esta respuesta elaborada ... hice esto para aquellos que son principiantes

Answer 2

El importador SVG de Android Studio es algo limitado. Solo maneja archivos SVG muy simples. Y no creo que sea compatible con el elemento <style> o el atributo de class . Así que tendrás que cambiar las propiedades de CSS a XML.

Por ejemplo:

<path class="st0" d="M163.3,10.8c2.4-0.5,6.2-0.9,10-0.9c5.5,0,9,0.9,11.6,3.1c2.2,1.6,3.5,4.1,3.5,7.5c0,4.1-2.7,7.7-7.2,9.3v0.1
    c4,1,8.7,4.3,8.7,10.6c0,3.6-1.4,6.4-3.6,8.5c-3,2.7-7.7,4-14.6,4c-3.8,0-6.7-0.3-8.5-0.5V10.8z M168.8,28.1h5c5.8,0,9.2-3,9.2-7.1
    c0-5-3.8-6.9-9.3-6.9c-2.5,0-4,0.2-4.8,0.4V28.1z M168.8,48.4c1.1,0.2,2.6,0.3,4.6,0.3c5.7,0,10.9-2.1,10.9-8.2
    c0-5.8-5-8.2-10.9-8.2h-4.5V48.4z"/>

Será necesario cambiarlo a:

<path fill="#007299" d="M163.3,10.8c2.4-0.5,6.2-0.9,10-0.9c5.5,0,9,0.9,11.6,3.1c2.2,1.6,3.5,4.1,3.5,7.5c0,4.1-2.7,7.7-7.2,9.3v0.1
    c4,1,8.7,4.3,8.7,10.6c0,3.6-1.4,6.4-3.6,8.5c-3,2.7-7.7,4-14.6,4c-3.8,0-6.7-0.3-8.5-0.5V10.8z M168.8,28.1h5c5.8,0,9.2-3,9.2-7.1
    c0-5-3.8-6.9-9.3-6.9c-2.5,0-4,0.2-4.8,0.4V28.1z M168.8,48.4c1.1,0.2,2.6,0.3,4.6,0.3c5.7,0,10.9-2.1,10.9-8.2
    c0-5.8-5-8.2-10.9-8.2h-4.5V48.4z"/>

Etcétera para el resto de los elementos <path> .