如何从 svg 文件创建可绘制的 Android Studio 工作矢量答案

【问题标题】：how to create an Android Studio working vector drawable from an svg file如何从 svg 文件创建可绘制的 Android Studio 工作矢量
【发布时间】：2017-07-11 17:24:09
【问题描述】：

我尝试让一些在 Android Studio 中工作的国旗矢量绘图。

我使用svg2android 并从flags-of-all-countries 中删除其中一个svg 标志文件。 svg2android 现在正在生成一个 13MB 的 xml。怎么了？

然后我尝试使用来自flag-icon-css 的 svg 标志文件并将其放到 svg2android 上，这似乎首先可以处理警告，并且在 Android Studio 中，矢量图像是不可见的。（包括下面的这个向量代码）

使用 Android Studio Assets studio 为上述两个 svg 文件生成矢量 xml 文件不起作用，因为标签不受支持。

我的问题是如何创建一个国家国旗Android矢量xml drawable？

这是来自flag-icon-css 的矢量 xml，它最终在 Android 中不可见或丢失：

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

    <group
            android:scaleX=".9375"
            android:scaleY="0">
        <path
            android:fillColor="#bd3d44"
            android:fillType="evenOdd"
            android:strokeWidth="1"
            android:pathData="M0 0h972.81v39.385H0zm0 78.77h972.81v39.385H0zm0 78.77h972.81v39.385H0zm0
78.77h972.81v39.385H0zm0 78.77h972.81v39.385H0zm0 78.77h972.81v39.385H0zm0
78.77h972.81v39.385H0z" />
        <path
            android:fillColor="#fff"
            android:fillType="evenOdd"
            android:strokeWidth="1"
            android:pathData="M0 39.385h972.81V78.77H0zm0 78.77h972.81v39.385H0zm0 78.77h972.81v39.385H0zm0
78.77h972.81v39.385H0zm0 78.77h972.81v39.385H0zm0 78.77h972.81v39.385H0z" />
        <path
            android:fillColor="#192f5d"
            android:fillType="evenOdd"
            android:pathData="M0 0h389.12v275.69H0z" />
        <path
            android:fillColor="#fff"
            android:fillType="evenOdd"
            android:pathData="M32.427 11.8l3.54 10.896h11.458l-9.27 6.735 3.541 10.896-9.27-6.734-9.268 6.734
3.54-10.896-9.269-6.735h11.457zm64.853 0l3.541 10.896h11.458l-9.27 6.735 3.541
10.896-9.27-6.734-9.268 6.734 3.54-10.896-9.269-6.735H93.74zm64.856 0l3.54
10.896h11.458l-9.27 6.735 3.541 10.896-9.269-6.734-9.269 6.734
3.54-10.896-9.269-6.735h11.458zm64.852 0l3.54 10.896h11.457l-9.269 6.735 3.54
10.896-9.268-6.734-9.27 6.734 3.541-10.896-9.27-6.735h11.458zm64.855 0l3.54
10.896h11.458l-9.27 6.735 3.541 10.896-9.27-6.734-9.268 6.734
3.54-10.896-9.269-6.735h11.457zm64.855 0l3.54 10.896h11.458l-9.27 6.735 3.541
10.896-9.269-6.734-9.27 6.734 3.542-10.896-9.27-6.735h11.458zM64.855 39.37l3.54
10.896h11.458L70.583 57l3.542 10.897-9.27-6.734-9.269 6.734L59.126
57l-9.269-6.734h11.458zm64.852 0l3.54 10.896h11.457L135.435 57l3.54
10.897-9.268-6.734-9.27 6.734L123.978 57l-9.27-6.734h11.458zm64.855 0l3.54
10.896h11.458L200.29 57l3.541 10.897-9.27-6.734-9.268 6.734L188.833
57l-9.269-6.734h11.457zm64.855 0l3.54 10.896h11.458L265.145 57l3.541
10.897-9.269-6.734-9.27 6.734L253.69 57l-9.27-6.734h11.458zm64.852 0l3.54
10.896h11.457L329.997 57l3.54 10.897-9.268-6.734-9.27 6.734L318.54
57l-9.27-6.734h11.458zM32.427 66.939l3.54 10.896h11.458l-9.27 6.735 3.541
10.896-9.27-6.734-9.268 6.734 3.54-10.896-9.269-6.735h11.457zm64.853 0l3.541
10.896h11.458l-9.27 6.735 3.541 10.896-9.27-6.734-9.268 6.734
3.54-10.896-9.269-6.735H93.74zm64.856 0l3.54 10.896h11.458l-9.27 6.735 3.541
10.896-9.269-6.734-9.269 6.734 3.54-10.896-9.269-6.735h11.458zm64.852 0l3.54
10.896h11.457l-9.269 6.735 3.54 10.896-9.268-6.734-9.27 6.734
3.541-10.896-9.27-6.735h11.458zm64.855 0l3.54 10.896h11.458l-9.27 6.735 3.541
10.896-9.27-6.734-9.268 6.734 3.54-10.896-9.269-6.735h11.457zm64.855 0l3.54
10.896h11.458l-9.27 6.735 3.541 10.896-9.269-6.734-9.27 6.734
3.542-10.896-9.27-6.735h11.458zM64.855 94.508l3.54 10.897h11.458l-9.27 6.734
3.542 10.897-9.27-6.734-9.269 6.734 3.54-10.897-9.269-6.734h11.458zm64.852
0l3.54 10.897h11.457l-9.269 6.734 3.54 10.897-9.268-6.734-9.27 6.734
3.541-10.897-9.27-6.734h11.458zm64.855 0l3.54 10.897h11.458l-9.27 6.734 3.541
10.897-9.27-6.734-9.268 6.734 3.54-10.897-9.269-6.734h11.457zm64.855 0l3.54
10.897h11.458l-9.27 6.734 3.541 10.897-9.269-6.734-9.27 6.734
3.542-10.897-9.27-6.734h11.458zm64.852 0l3.54 10.897h11.457l-9.269 6.734 3.54
10.897-9.268-6.734-9.27 6.734 3.541-10.897-9.27-6.734h11.458zM32.427
122.078l3.54 10.896h11.458l-9.27 6.735 3.541 10.896-9.27-6.734-9.268 6.734
3.54-10.896-9.269-6.735h11.457zm64.853 0l3.541 10.896h11.458l-9.27 6.735 3.541
10.896-9.27-6.734-9.268 6.734 3.54-10.896-9.269-6.735H93.74zm64.856 0l3.54
10.896h11.458l-9.27 6.735 3.541 10.896-9.269-6.734-9.269 6.734
3.54-10.896-9.269-6.735h11.458zm64.852 0l3.54 10.896h11.457l-9.269 6.735 3.54
10.896-9.268-6.734-9.27 6.734 3.541-10.896-9.27-6.735h11.458zm64.855 0l3.54
10.896h11.458l-9.27 6.735 3.541 10.896-9.27-6.734-9.268 6.734
3.54-10.896-9.269-6.735h11.457zm64.855 0l3.54 10.896h11.458l-9.27 6.735 3.541
10.896-9.269-6.734-9.27 6.734 3.542-10.896-9.27-6.735h11.458zM64.855
149.647l3.54 10.897h11.458l-9.27 6.734 3.542 10.897-9.27-6.734-9.269 6.734
3.54-10.897-9.269-6.734h11.458zm64.852 0l3.54 10.897h11.457l-9.269 6.734 3.54
10.897-9.268-6.734-9.27 6.734 3.541-10.897-9.27-6.734h11.458zm64.855 0l3.54
10.897h11.458l-9.27 6.734 3.541 10.897-9.27-6.734-9.268 6.734
3.54-10.897-9.269-6.734h11.457zm64.855 0l3.54 10.897h11.458l-9.27 6.734 3.541
10.897-9.269-6.734-9.27 6.734 3.542-10.897-9.27-6.734h11.458zm64.852 0l3.54
10.897h11.457l-9.269 6.734 3.54 10.897-9.268-6.734-9.27 6.734
3.541-10.897-9.27-6.734h11.458z" />
        <path
            android:fillColor="#fff"
            android:fillType="evenOdd"
            android:pathData="M32.427 177.217l3.54 10.896h11.458l-9.27 6.735 3.541 10.896-9.27-6.734-9.268
6.734 3.54-10.896-9.269-6.735h11.457zm64.853 0l3.541 10.896h11.458l-9.27 6.735
3.541 10.896-9.27-6.734-9.268 6.734 3.54-10.896-9.269-6.735H93.74zm64.856 0l3.54
10.896h11.458l-9.27 6.735 3.541 10.896-9.269-6.734-9.269 6.734
3.54-10.896-9.269-6.735h11.458zm64.852 0l3.54 10.896h11.457l-9.269 6.735 3.54
10.896-9.268-6.734-9.27 6.734 3.541-10.896-9.27-6.735h11.458zm64.855 0l3.54
10.896h11.458l-9.27 6.735 3.541 10.896-9.27-6.734-9.268 6.734
3.54-10.896-9.269-6.735h11.457zm64.855 0l3.54 10.896h11.458l-9.27 6.735 3.541
10.896-9.269-6.734-9.27 6.734 3.542-10.896-9.27-6.735h11.458zM64.855
204.786l3.54 10.897h11.458l-9.27 6.734 3.542 10.897-9.27-6.734-9.269 6.734
3.54-10.897-9.269-6.734h11.458zm64.852 0l3.54 10.897h11.457l-9.269 6.734 3.54
10.897-9.268-6.734-9.27 6.734 3.541-10.897-9.27-6.734h11.458zm64.855 0l3.54
10.897h11.458l-9.27 6.734 3.541 10.897-9.27-6.734-9.268 6.734
3.54-10.897-9.269-6.734h11.457zm64.855 0l3.54 10.897h11.458l-9.27 6.734 3.541
10.897-9.269-6.734-9.27 6.734 3.542-10.897-9.27-6.734h11.458zm64.852 0l3.54
10.897h11.457l-9.269 6.734 3.54 10.897-9.268-6.734-9.27 6.734
3.541-10.897-9.27-6.734h11.458z" />
        <path
            android:fillColor="#fff"
            android:fillType="evenOdd"
            android:pathData="M32.427 232.356l3.54 10.896h11.458l-9.27 6.735 3.541 10.896-9.27-6.734-9.268
6.734 3.54-10.896-9.269-6.735h11.457zm64.853 0l3.541 10.896h11.458l-9.27 6.735
3.541 10.896-9.27-6.734-9.268 6.734 3.54-10.896-9.269-6.735H93.74zm64.856 0l3.54
10.896h11.458l-9.27 6.735 3.541 10.896-9.269-6.734-9.269 6.734
3.54-10.896-9.269-6.735h11.458zm64.852 0l3.54 10.896h11.457l-9.269 6.735 3.54
10.896-9.268-6.734-9.27 6.734 3.541-10.896-9.27-6.735h11.458zm64.855 0l3.54
10.896h11.458l-9.27 6.735 3.541 10.896-9.27-6.734-9.268 6.734
3.54-10.896-9.269-6.735h11.457zm64.855 0l3.54 10.896h11.458l-9.27 6.735 3.541
10.896-9.269-6.734-9.27 6.734 3.542-10.896-9.27-6.735h11.458z" />
    </group>
</vector>

【问题讨论】：

上面写着：Please report wrongly converted SVGs by filling an issue on github.
您的诉讼权利

标签： android svg vector graphics

【解决方案1】：

好吧，不一定要回答这个问题，但是几个月前这个库救了我的命，也许它可以解决你的问题：

https://github.com/almosr/android-svg-code-render

警告必须将 SVG 文件作为大小。您可以在从 Illustrator 保存时选中此选项。

【讨论】：