Android Studio 预览窗口中的矢量图轮廓线是什么？

Question

在Android Studio中有办法在预览窗口中显示矢量可绘制轮廓吗？这样，您可以看到向量在视口上的绘制方式。当您想要移动对象并想知道它是否因为移动出视口而被剪切时，这非常有用。请注意保留HTML标记，此处不需要解释。

- Dennis

Answer 1

这是一个简单的VectorDrawable文件。

<vector xmlns:android="http://schemas.android.com/apk/res/android"
        android:width="600dp"
        android:height="600dp"
        android:viewportWidth="800.0"
        android:viewportHeight="800.0">

    <path
        android:pathData="M  162   8
        q    -07    00   -41    26
        q    -34    27   -50    64
        q    -25    59   -19   117
        q     07    70    53   121
        q     57    63   151    62
        q     87   -01   140   -66
        q     46   -55    48  -142
        q     01   -56   -34  -105
        q    -38   -52   -77   -70
        l    -29   -11
        q     16   -01    31   -02
        q     59   -01   119   -02    "

        android:strokeLineCap="round"
        android:strokeColor="#f00f"
        android:fillColor="#00000000"
        android:strokeWidth="32"/>




</vector>

在Android Studio的“drawable”文件夹中创建一个空的.xml文件，然后将此代码复制到其中。然后单击该文件。您将在预览窗口中看到一个蓝色的倒置欧米茄符号。

希望这可以帮助您。

要简单地进行翻译，您可以更改路径数据中“M”后面的前两个坐标。如果您将其更改为862, 8而不是162, 8，则图像的一部分会从屏幕右侧滑出。 M后面的值162是X轴上的值，8是Y轴上的值。当M将路径移动到屏幕上的某个点时，所有其他二次曲线都从该点绘制，因为路径数据中的所有值都是相对值而不是绝对值，因为它们之前带有“q”而不是“Q”（大写）。您还可以调整宽度、高度、viewportWidth和viewportHeight，查看图像的纵横比和缩放如何变化。

- Vempati Satya Suryanarayana