有没有一种方法可以预览矢量图形？

Question

除了构建和安装我的应用程序之外，是否有一种预览矢量可绘制的 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>

- Edward Falk

---

不，浏览器只会显示XML。 - Edward Falk

Answer 1

自Android Studio 2.0以来，右侧特别提供了一个预览选项卡：

- dasar

---

这个 Preview 标签已经不存在了。该功能现在已经集成到窗口本身中。您可以选择在“代码”、“分割”和“设计”之间切换。但是，仅当矢量可绘制对象用于当前选定的构建变体时，它才会显示这些按钮。我能看到其他构建变体的预览的唯一方法是切换到特定的构建变体。 - Wirling

Answer 2

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

- Jade

---

我看不到这个。 - hmac

Answer 3

使用Android Studio插件Vector Drawable Thumbnails，可以预览项目中所有矢量图标。只需前往“设置”->“插件”->“浏览存储库”，搜索“Vector Drawable Thumbnails”即可。

- Ignacio Tomas Crespo

---

这就是我一直在寻找的。谢谢！ - André Luiz Reis

该插件可以预览项目中所有可用的可绘制对象，并通过侧边栏方便地访问。 - nyconing

很好，正是我所需要的。 - ILovemyPoncho

Answer 4

我的解决方案是：右键点击 .xml 文件，然后选择“在右侧分割窗口中打开”。预览将出现在代码的右侧。

- Chefski

Answer 5

Android Studio 1.4 可以预览 VectorDrawables。只需在 res/drawable 文件夹中双击即可。

- Paul LeBeau

---

当我这样做时，我只看到XML。你有什么想法我错过了什么吗？ - Edward Falk

一开始它也没有为我显示预览，但是通过转到另一个文件，然后再返回矢量可绘制对象，预览出现了。选项卡可能也被最小化了：在右侧查找“预览”选项卡。 - jguerinet

如果能像Finder/资源管理器一样预览所有图标就太好了。我们经常需要搜索图标以找到所需的那一个，逐个双击并不理想。 - Carson Holzheimer

Answer 6

当您在Android Studio中打开矢量图形时，窗口右上角会出现控件。您可以选择在代码、拆分和设计之间切换。

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

- Wirling

Answer 7

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

- Carson Holzheimer