Как создать векторные чертежи для Android?

Я новичок в VectorDrawables.

Я вижу, что по умолчанию vector drawables, предоставляемый студией Android типа ic_menu_gallery, ic_menu_camera и т.д., отлично работает. Поэтому я попытался создать свой собственный vector drawables, сначала преобразовывая мои png images в svg и используя значения пути и заливки, чтобы сделать векторные чертежи, т.е. заменил android:pathData на d и android:fillColor на тег fill в svg файлах, Это каким-то образом давало векторные чертежи, но искажалось или выглядело в то время.

Если я не принимаю правильный подход, предложите мне.

Ответ 1

Вы можете использовать Android Studio. Конвертировать PNG в SVG файл онлайн-инструменты PNG в SVG

Для SVG цвета можно использовать:

  <ImageButton
    android:layout_width="48dp"
    android:layout_height="48dp"
    android:id="@+id/button"
    android:src="@drawable/ic_more_vert_24dp"
    android:tint="@color/primary" />

Или

imageView.setColorFilter(getResources().getColor(android.R.color.black), PorterDuff.Mode.SRC_IN);

Может конвертировать SVG в онлайн-инструмент PNG: CoolUtils

Конвертировать SVG в Android Drawable: внутрицикловой

Ответ 2

Вот лучший способ конвертировать любой png/jpg в векторный drawable:

Загрузите программное обеспечение InkScape
Откройте свой png в нем и выполните процедуру, показанную в видео, чтобы преобразовать его в svg
Используйте инструмент SVG для векторного рисования, чтобы преобразовать SVG в векторный. Другой инструмент svg2android не всегда работает, так как иногда svg получает неправильное преобразование в векторный переносимый
Скопируйте код в новый файл ресурса с возможностью рисования. Теперь это можно использовать как обычный доступный.

Если у вас уже есть svg, то сразу начните с шага 3.

Ответ 3

У меня тоже была эта проблема, и я нашел этот очень полезный сайт:

https://materialdesignicons.com/

Есть много значков, и с помощью "расширенного экспорта" вы можете легко редактировать настройки. Для меня это был самый быстрый и простой способ создать векторную прорисовку, если вы не хотите загружать файл, вы можете просто просмотреть код и скопировать его, не только как векторную прорисовку, но даже как SVG или XAML. Ох, и это бесплатно :)

Выберите значок
Нажмите на Расширенный экспорт
Изменить настройки
Нажмите "View Vector Drawable" или загрузите его и вставьте в свой проект :)

Ответ 4

вы можете создать свое собственное изображение или значок svg с помощью photoshop/illustrator и импортировать векторный ресурс (доступный в android studio 2. +). в некоторых случаях импорт результатов приводит к искажению изображения, если svg является сложным или имеет много элементов, то вы можете использовать его как отдельный одиночный элемент в качестве векторных активов путем перекрытия ImageViews.

Ответ 5

В Android Studio 3.1:

Файл → Новый → Векторный актив

Тип актива: выберите локальный файл

Нажмите на путь, чтобы выбрать файл .svg или .psd

Если у вас нет изображения, перейдите в Google Images, Расширенный поиск изображений. Использовать тип файла: SVG файлы

Ответ 6

Шаг 1 Первый шаг - преобразовать его в формат SVG. - Для черно-белого SVG-конвертера есть много инструментов, но хороших инструментов для цветного преобразования очень мало. https://www.autotracer.org/ является одним из лучших, и это сработало для меня. Конвертируйте и скачайте файл SVG. Шаг 2 - В "Android Studio" перейдите в папку "Drawables" и щелкните правой кнопкой мыши, чтобы выбрать "New - Vector Asset"

Шаг 3 - выберите загруженный файл SVG из шага 1. Android-студия

Шаг 4 - не забудьте установить navigationView.setItemIconTintList(null); как ноль в случае использования цветных значков в навигационном ящике/виде.

Ура !!

Ответ 7

Шаг 1: Drawable> New> Vector Asset

Контрольное изображение

Выберите картинки (чтобы использовать существующий значок) Выберите из локального файла (вы можете создать или загрузить файл SVG или PSD) (https://github.com/google/material-design-icons/tree/master/action/drawable-anydpi-v21 может помочь вам создать)

Выберите и добавьте. Вы можете добавить цвет значка в том же духе.