Легко переходим на векторный формат картинок вместо нарезки под разные плотности экранов в Android 4.0+. Часть 2 из 2

81e39fc68cbd415eb28a37504859498c.PNG

В предыдущей части мы обсудили библиотеку BetterVectorDrawable, реализующую VectorDrawable для Android 4.0+.
В этой части речь пойдет о преобразовании изображений из SVG в vector drawable XML.
Когда Андроид читает XML-ресурсы, он игнорирует атрибуты, которые не поддерживаются текущим устройством. Это означает, что неподдерживаемые атрибуты в vector drawable XML придется продублировать в пространстве имен http://schemas.android.com/apk/res-auto, чтобы у BetterVectorDrawable была возможность их прочитать. Например:



При этом нужно дублировать только неподдерживаемые атрибуты (список можно посмотреть здесь; см. атрибуты без префикса android:).
К счастью, все это для нас проделывает конвертер и нам не нужно даже задумываться об этом.
Этот конвертер позволяет создавать vector drawable ресурсы как для Android 5.0+, так и для библиотеки BetterVectorDrawable. Это контролируется с помощью аргумента командной строки.

Конвертер является кроссплатформенным консольным приложением: его можно запустить на Windows или OS X. Для его работы требуется установить зависимости, об этом речь пойдет позже. Сам конвертер распространяется в виде архива с исполняемым файлом, который можно скачать здесь.

Архив нужно распаковать и, открыв консоль на Windows (терминал на OS X), сменить текущую директорию на директорию с конвертером.
Команда, запускающая конвертацию, выглядит так:

[mono] svg2vd.exe -i in_dir/\* -o out_dir [--lib BetterVectorDrawable]


Опциональные параметры указаны в квадратных скобках (хотя используются без скобок):

  • mono следует указать, если Вы запускаете конвертер на OS X
  • --lib BetterVectorDrawable следует указать, если Вы хотите, чтобы в выходных XML были продублированы неподдерживаемые атрибуты, т.е. сконвертировать SVG в vector drawable XML для библиотеки BetterVectorDrawable, иначе конвертер создаст vector drawable ресурсы для Android 5.0+.


Остальные параметры, думаю, понятны и так; аргумент --help выводит их описания.

Установка зависимостей


Если у Вас Windows


Microsoft .NET Framework


Если у Вас Windows 8 или выше, то этот пункт можно пропустить.
В системе должен быть установлен .NET Framework 4.5+. Проверить версию установленного .NET Framework можно согласно этой инструкции. Скачать .NET Framework 4.5 можно здесь.

Inkscape


Inkscape — это бесплатный редактор векторной графики с открытым кодом. Установка под Windows не отличается от обычной установки программы. Скачать можно здесь.

Если у Вас OS X


Понадобиться OS X 10.7 или лучше.

Mono


Скачать Mono можно здесь. Установка у меня прошла без затруднений.

Inkscape


Inkscape — это бесплатный редактор векторной графики с открытым кодом. Для установки под OS X сначала потребуется установить XQuartz, после чего нужно перезапустить компьютер или выйти и снова войти в систему.
Скачать Inkscape можно здесь. Убедитесь, что после установки Inkscape свободно запускается. Мне потребовалось разблокировать его в System Preferences…Security & PrivacyGeneral. Нужно нажать Click the lock to make changes и разблокировать запуск Inkscape.

Если у Вас возникли затруднения, можно написать мне. О проблемах с конвертером лучше сообщать разработчикам в GitHub, добавив ссылку на проблемный SVG-файл.

Спасибо за внимание.

© Habrahabr.ru