有没有一种方法可以预览矢量绘制

除了构建和安装我的应用程序,是否有一种方法可以预览向量绘制的 xml 文件?

我已经在 Android Studio 中将其内置到一个小型测试应用程序中,并且可以将其作为布局文件的一部分进行预览,但是我希望有一种更简单的方法。


编辑: 下面是我的 draable.xml 文件的样子:

<?xml version="1.0" encoding="utf-8"?>
<vector xmlns:android="http://schemas.android.com/apk/res/android"
android:width="24dp"
android:height="24dp"
android:viewportWidth="24"
android:viewportHeight="24">


<group>
<path
android:fillColor="#f5a625"
android:strokeColor="#000000"
android:strokeWidth=".5"
android:pathData="M0,0l18,0l6,6l0,10l-24,0z" />
</group>
</vector>
31680 次浏览

Android Studio 1.4允许您预览 VectorDrawables,只需双击 res/drawable文件夹中的 VectorDrawables 即可。

在右边有一个 预览选项卡(自 Android Studio 2.0以来) :

enter image description here

如果预览窗口没有自动显示。您可以通过在 Android Studio 的菜单中转到 View -> Tool Windows -> Preview来手动显示预览窗口。

通过在 xml 编辑器中和属性下设计视图,单击 srcCompat 旁边的... 按钮,可以快速搜索 Android Studio 中的矢量绘制预览

有一种方法可以使用 https://plugins.jetbrains.com/plugin/10741-vector-drawable-thumbnails上的 Android Studio 插件同时预览项目中的所有矢量绘图

只需进入设置-> 插件-> 浏览仓库,并搜索“矢量可绘制缩略图”

当您在 AndroidStudio 中打开向量绘制时,在窗口的右上角有一些可用的控件。您可以选择在 CodeSplitDesign之间切换。

但是,这些控件只有在当前选定的生成变量中使用向量可绘制时才会显示。我能看到来自其他构建变体的可绘制性预览的唯一方法是切换到特定的构建变体。

android studio controls

我的解决方案是: 右键单击。Xml 文件,然后单击“右分割打开”。预览应该出现在代码的右侧。