预览窗口中的Android Studio矢量可绘制轮廓?

时间:2017-05-04 10:59:46

标签: android android-studio

Android Studio中是否有一种方法可以在预览窗口中显示矢量绘制轮廓,以便您可以看到在视口上绘制矢量的方式。 例如,当您想要翻译对象并想知道它是否因为将其移出视口而被裁剪时,这非常有用。

1 个答案:

答案 0 :(得分:0)

这是一个简单的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>

在&#34; drawable&#34;中创建一个空白.xml文件Android Studio中的文件夹,然后将此代码复制到该文件夹​​中。然后单击该文件。您将在预览窗口中看到类似蓝色倒置欧米茄的东西。

希望这会对你有所帮助。

对于翻译它,您可以在&#34; M&#34;之后更改前两个坐标。在pathdata。而不是M 162,8而不是862,8,图像的一部分从右侧的屏幕上消失。 M之后的值162是X轴上的值,8是Y轴上的值。当M将路径移动到屏幕上的某个点时,所有其他二次曲线都从该点开始绘制,因为路径数据中的所有值都是相对的而不是绝对的,因为它们前面是&#34; q&#34;而不是&#34; Q&#34;(资本)。您还可以调整宽度,高度,viewportWidth和viewportHeight,并查看图像的纵横比和图像缩放的变化情况。