有没有办法预览矢量绘图答案

【问题标题】：Is there a way to preview a vector drawable有没有办法预览矢量绘图
【发布时间】：2016-01-10 13:14:20
【问题描述】：

没有构建和安装我的应用程序，有没有办法预览矢量可绘制 xml 文件？

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

编辑：这是我的 drawable.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>

【问题讨论】：

不，浏览器只显示xml
你应该接受一个答案。其中 2 条是正确的。

标签： android svg

【解决方案1】：

右侧有一个 Preview 选项卡（从 Android Studio 2.0 开始）：

【讨论】：

这个Preview 标签已经不存在了。该功能现在集成在窗口本身中。您可以选择在Code、Split 和Design 之间切换。但是，如果在当前选择的构建变体中使用了矢量可绘制对象，它只会显示这些按钮。我可以看到其他构建变体预览的唯一方法是切换到特定的构建变体。

【解决方案2】：

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

【讨论】：

我没有看到这个

【解决方案3】：

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

只需转到设置 -> 插件 -> 浏览存储库并搜索“Vector Drawable Thumbnails”

【讨论】：

这就是我要找的。谢谢！
这个插件可以预览项目中所有可用的drawable。通过侧边栏方便访问。

【解决方案4】：

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

【讨论】：

当我这样做时，我只会看到 XML。知道我错过了什么吗？
一开始它也没有为我显示预览，但是通过转到另一个文件然后返回到矢量绘图，预览出现了。该选项卡也可能被最小化：在右侧查找“预览”选项卡。
如果可以像在 finder/explorer 中一样预览所有这些，那就太好了。我们经常需要通过图标搜索找到我们需要的图标，双击每个图标并不理想

【解决方案5】：

您可以在 Android Studio 中快速搜索矢量可绘制预览，方法是转到 xml 编辑器中的设计视图和属性下，单击 srcCompat 旁边的 ... 按钮

【讨论】：

【解决方案6】：

当您在 Android Studio 中打开矢量绘图时，窗口右上角有可用的控件。您可以选择在Code、Split和Design之间切换。

但是，只有在当前选择的构建变体中使用了矢量可绘制对象时，才会显示这些控件。我可以看到其他构建变体的可绘制预览的唯一方法是切换到特定的构建变体。

【讨论】：