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

时间：2017-07-11 17:24:09

标签： android svg vector graphics

我尝试在Android Studio中使用一些国旗矢量drawables。

我使用svg2android并从flags-of-all-countries删除其中一个svg标志文件。 svg2android现在产生13MB xml。有什么问题？

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

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

我的问题是如何创建一个国家标志Android vector 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>

1 个答案:

答案 0 :(得分：0)

嗯，不一定回答这个问题，但这个图书馆几个月前救了我的命，也许它可以解决你的问题：

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

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

相关问题
最新问题