Vector Asset Studio импортирует красочный .svg файл как черно-белый

Я использую инструкции, найденные здесь, из Google, чтобы использовать новый параметр (март 2016) для импорта .svg файлов в drawable вместо файлов .png.

Проблема заключается в том, что файл импортируется как черно-белый, хотя файл имеет много цветов.

Здесь изображение файла .svg, прочитанное Google Chrome: введите описание изображения здесь

Этот же файл затем считывается с помощью Vector Asset Studio: введите описание изображения здесь введите описание изображения здесь

И в приложении изображение отображается как черно-белое.

Любая идея, почему это происходит?

Файл .svg создается на Adobe PhotoShop Creative Cloud, и я использую Android Studio 1.5.1 на Mac.

Спасибо!

EDIT: добавлена ​​ссылка на .svg файл, который я использую для этого вопроса.

Ответы

Ответ 1

У меня также была такая же проблема, но после копания в Интернете наконец, нашел решение, вот оно: -

После завершения проектирования иллюстратора

1) Перейдите в меню Файл → Сохранить как --- > Диалоговое окно окна Открывается → имя типа svg --- > Нажмите "Сохранить"

2) Теперь он показывает диалоговое окно параметров SVG --- > внизу слева щелкните Дополнительные параметры --- > В раскрывающемся списке "Свойства CSS" --- > "Атрибуты представления"

этот параметр делает svg-совместимый код для импорта android с цветами!!

Извините за то, что этот ответ проработан... сделал это для тех, кто новичков

Ответ 2

Импортёр Android Studio SVG несколько ограничен. Он обрабатывает очень простые файлы SVG. И я не верю, что он поддерживает элемент <style> или атрибут class. Поэтому вам нужно будет изменить свойства CSS на XML.

Например:

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

Необходимо изменить на:

<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 для остальных элементов <path>.