XML矢量-如何创建带有圆角的虚拟线

Question

我想使用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>

我正在寻找的结果

Answer 1

确定，我得到了结果。

• 步骤1：设计图像。
• 步骤2：将图像导出为SVG *。
• [步骤3：打开Android Studio>右键单击可绘制文件夹>新矢量资产>从本地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">
    <path
        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"
        android:fillColor="#ffffff"
        android:strokeColor="#00000000"/>
</vector>