Vector Asset Studio将彩色.svg文件导入为黑色和白色

时间:2016-03-07 18:30:55

标签: android android-studio svg vector-graphics

我正在使用here, from Google找到的说明使用新选项(2016年3月)将.svg文件导入drawable而不是.png文件。

我遇到的问题是文件导入为黑白,即使文件有很多颜色。

以下是Google Chrome浏览器读取的.svg文件图片: enter image description here

这个相同的文件,然后由Vector Asset Studio读取: enter image description here enter image description here

在应用程序中,图像显示为黑白色。

知道为什么会这样吗?

.svg文件是在Adobe PhotoShop Creative Cloud上生成的,我在Mac上使用Android Studio 1.5.1。

谢谢!

编辑:为此问题添加了link to .svg file I'm using

2 个答案:

答案 0 :(得分:30)

我也遇到了同样的问题但是在挖掘互联网之后 终于找到了解决方案,这里是: -

完成插画设计之后

1)转到文件 - >另存为>窗口对话框打开 - > svg的类型名称 --->点击保存

2)现在显示SVG选项对话框--->在左下角点击更多选项--->在CSS Properties下拉列表--->选择演示文稿属性

此设置为svg兼容代码,用于导入颜色!!

很抱歉让这个答案详细说明......为初学者做了这个

答案 1 :(得分:10)

Android Studio的SVG导入程序有限。它只处理非常简单的SVG文件。而且我不相信它支持<style>元素或class属性。因此,您需要将CSS更改为XML属性。

例如:

<path class="st0" d="M163.3,10.8c2.4-0.5,6.2-0.9,10-0.9c5.5,0,9,0.9,11.6,3.1c2.2,1.6,3.5,4.1,3.5,7.5c0,4.1-2.7,7.7-7.2,9.3v0.1
    c4,1,8.7,4.3,8.7,10.6c0,3.6-1.4,6.4-3.6,8.5c-3,2.7-7.7,4-14.6,4c-3.8,0-6.7-0.3-8.5-0.5V10.8z M168.8,28.1h5c5.8,0,9.2-3,9.2-7.1
    c0-5-3.8-6.9-9.3-6.9c-2.5,0-4,0.2-4.8,0.4V28.1z M168.8,48.4c1.1,0.2,2.6,0.3,4.6,0.3c5.7,0,10.9-2.1,10.9-8.2
    c0-5.8-5-8.2-10.9-8.2h-4.5V48.4z"/>

需要更改为:

<path fill="#007299" d="M163.3,10.8c2.4-0.5,6.2-0.9,10-0.9c5.5,0,9,0.9,11.6,3.1c2.2,1.6,3.5,4.1,3.5,7.5c0,4.1-2.7,7.7-7.2,9.3v0.1
    c4,1,8.7,4.3,8.7,10.6c0,3.6-1.4,6.4-3.6,8.5c-3,2.7-7.7,4-14.6,4c-3.8,0-6.7-0.3-8.5-0.5V10.8z M168.8,28.1h5c5.8,0,9.2-3,9.2-7.1
    c0-5-3.8-6.9-9.3-6.9c-2.5,0-4,0.2-4.8,0.4V28.1z M168.8,48.4c1.1,0.2,2.6,0.3,4.6,0.3c5.7,0,10.9-2.1,10.9-8.2
    c0-5.8-5-8.2-10.9-8.2h-4.5V48.4z"/>

其他<path>元素的Etcetera。