XML Вектор - Как создать виртуальную линию с закругленными углами - PullRequest
Новая
       67

XML Вектор - Как создать виртуальную линию с закругленными углами

0 голосов
/ 27 апреля 2020

Я хочу создать это изображение, используя XML вектор, ширина линии и высота этого вектора должны совпадать с вектором предоставленного кода. 

<vector xmlns:android="http://schemas.android.com/apk/res/android"
    android:width="24dp"
    android:height="24dp"
    android:viewportWidth="24"
    android:viewportHeight="24"
    android:tint="?attr/colorControlNormal">
  <path
      android:fillColor="@android:color/white"
      android:pathData="M16.5,6v11.5c0,2.21 -1.79,4 -4,4s-4,-1.79 -4,-4V5c0,-1.38 1.12,-2.5 2.5,-2.5s2.5,1.12 2.5,2.5v10.5c0,0.55 -0.45,1 -1,1s-1,-0.45 -1,-1V6H10v9.5c0,1.38 1.12,2.5 2.5,2.5s2.5,-1.12 2.5,-2.5V5c0,-2.21 -1.79,-4 -4,-4S7,2.79 7,5v12.5c0,3.04 2.46,5.5 5.5,5.5s5.5,-2.46 5.5,-5.5V6h-1.5z"/>
</vector>

Результат, который я ищу

enter image description here

1 Ответ

0 голосов
/ 27 апреля 2020

Хорошо, я получил свой результат.

  • Шаг 1. Создайте изображение.
  • Шаг 2. Экспортируйте изображение в формате SVG *.
  • Шаг 3 : Откройте Android Studio> Щелкните правой кнопкой мыши на папке для рисования> новый объект Vector> Из локального файла SVG> выберите файл SVG.

*, если ваш редактор не поддерживает экспорт SVG, вы можете преобразовать это онлайн.

Вот результат 

<vector xmlns:android="http://schemas.android.com/apk/res/android"
    android:width="3dp"
    android:height="30dp"
    android:viewportWidth="1290"
    android:viewportHeight="12040"
    android:tint="?attr/colorControlNormal">
    <path
        android:fillColor="@android:color/white"
        android:pathData="M510,11939c-25,-5 -82,-27 -129,-49 -152,-73 -272,-220 -315,-387 -14,-55 -16,-591 -16,-5503 0,-4912 2,-5448 16,-5503 43,-167 163,-314 315,-387 95,-45 160,-60 264,-60 104,0 169,15 264,60 152,73 272,220 315,387 14,55 16,591 16,5503 0,4912 -2,5448 -16,5503 -43,167 -163,314 -315,387 -46,22 -108,44 -138,50 -64,12 -198,11 -261,-1z" />
</vector>
...