如何查看/查看Android矢量drawable XML？

Question

如何直观地看到 Android 矢量可绘制 XML 中的图片？

我反汇编了Apk文件，现在我想替换图标，但是如何在代码中直观地看到它们。有没有可以翻译代码的程序:

android:pathData="M12,2C6.48,2 2,6.48 2,12s4.48,10 10,10 10,-4.48 10,-10S17.52,2 12,2zM17,13h-4v4h-2v-4L7,13v-2h4L11,7h2v4h4v2z"/>

进入SVG图片？

Answer 1

您的代码以 «Android 矢量绘图» XML 格式编写。但它不是 SVG 格式。您可以将其转换为 SVG 格式。如果您足够了解 SVG 格式，您可以自行将其转换为 SVG，或者您可以使用在线应用程序，它可以做到这一点：

1. 变形应用程序。使用导入和导出按钮。
2. 飞路应用程序

但是要小心！如果您的代码中有这样的内容：

android:fillColor="@color/colorLightYellow"

你必须将其更改为：

android:fillColor="#fcab29"

在使用此工具之前。第二个链接的工具可以自动对大多数颜色执行此操作。另请参阅这是我关于颜色的答案。

如果您已将其转换为 SVG，您可以在每个 SVG 编辑器中查看和编辑 SVG 文件。

但是如果没有转换，您可以在在线 SVG 路径编辑器中查看和编辑 Android 矢量绘图的路径（以及 SVG 路径）。

例如您有以下代码：

<android:pathData="M12,2C6.48,2 2,6.48 2,12s4.48,10 10,10 10,-4.48 10,-10S17.52,2 12,2zM17,13h-4v4h-2v-4L7,13v-2h4L11,7h2v4h4v2z"/>

从这段代码中，您只需复制并粘贴此路径部分：

M12,2C6.48,2 2,6.48 2,12s4.48,10 10,10 10,-4.48 10,-10S17.52,2 12,2zM17,13h-4v4h-2v-4L7,13v-2h4L11,7h2v4h4v2z

进入 SVG 路径编辑器。通过 SVG 路径是相同的。