web-dev-qa-db-fra.com

Vector Asset Studio importe un fichier .svg coloré en noir et blanc

J'utilise les instructions trouvées ici, de Google pour utiliser la nouvelle option (mars 2016) pour importer des fichiers .svg dans des fichiers dessinables au lieu de fichiers .png.

Le problème que j'ai est que le fichier est importé en noir et blanc, même s'il a de nombreuses couleurs.

Voici une image du fichier .svg, telle que lue par Google Chrome: enter image description here

Ce même fichier est ensuite lu comme ceci par le Vector Asset Studio: enter image description hereenter image description here

Et dans l'application, l'image apparaît en noir et blanc.

Une idée de pourquoi cela se produit?

Le fichier .svg est généré sur Adobe PhotoShop Creative Cloud, et j'utilise Android Studio 1.5.1 sur Mac.

Je vous remercie!

EDIT: ajouté lien vers le fichier .svg que j'utilise pour cette question.

androidandroid-studiosvgvector-graphics
19
TooManyEduardos

J'ai également eu le même problème mais après avoir creusé Internet, j'ai finalement trouvé la solution, la voici: -

Après avoir terminé avec la conception d'illustrateur

1) Allez dans Fichier -> Enregistrer sous ---> Boîte de dialogue Fenêtre Ouvre -> tapez le nom du svg ---> Cliquez sur Enregistrer

2) Maintenant, il affiche la boîte de dialogue Options SVG ---> En bas à gauche, cliquez sur Plus d'options ---> Dans la liste déroulante Propriétés CSS ---> Sélectionner les attributs de présentation

ce paramètre rend le code compatible svg pour Android import avec des couleurs !!

Désolé d'avoir élaboré cette réponse ... a fait cela pour ceux qui sont débutants

32
Vibhore Agg

L'importateur SVG d'Android Studio est quelque peu limité. Il ne gère que des fichiers SVG très simples. Et je ne crois pas que cela supporte le <style> élément, ou l'attribut class. Vous devrez donc changer le CSS en propriétés XML.

Par exemple:

<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"/>

Doit être changé en:

<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"/>

Etcetera pour le reste du <path> éléments.

11
Paul LeBeau