Android Studio导入SVG谷歌Logo时矢量图颜色替换异常

嘿，这个问题我之前帮同事排查过！大概率是Android Studio对SVG颜色的默认处理逻辑搞的鬼，下面给你一步步拆解原因和解决办法：

为什么会出现颜色替换？ #

主要有两个常见原因：

• 你下载的SVG里，蓝色部分的填充色用了currentColor变量，而你的App主题里currentColor对应的是绿色（比如colorPrimary设成了绿色），导入后就自动被替换了。
• 导入SVG时，Android Studio的Vector Asset工具默认勾选了“覆盖颜色”的选项，直接把SVG里的自定义颜色换成了主题色。

具体解决办法 #

方法一：先修改原始SVG文件再导入 #

1. 用普通文本编辑器（比如Notepad++、VS Code）打开你下载的谷歌Logo SVG。
2. 搜索蓝色对应的路径元素，谷歌Logo的蓝色是#4285F4，找到类似<path fill="#4285F4" ...>的代码。
3. 如果发现fill属性是currentColor或者其他变量，直接替换成固定的蓝色十六进制值#4285F4。
4. 保存后重新导入Android Studio，颜色就不会被替换了。

方法二：导入时取消颜色覆盖选项 #

1. 在Android Studio里点击File > New > Vector Asset。
2. 选择“Local file (SVG, PSD)”，选中你的SVG文件。
3. 在弹出的导入界面，仔细找一下有没有“Override colors”或者“Replace colors with theme attributes”这类选项，把它取消勾选。
4. 完成导入后，去drawable文件夹里查看生成的矢量图文件，颜色应该和原始SVG一致了。

方法三：修改已生成的Vector Drawable代码 #

如果已经导入了SVG，也可以直接改生成的xml文件：

1. 打开drawable文件夹里的谷歌Logo矢量图xml文件。
2. 找到对应蓝色部分的<path>标签，把android:fillColor的值从?attr/colorPrimary或者其他主题引用，改成#4285F4。
3. 保存后，不管是预览还是在设备上运行，蓝色都会正常显示啦。

小提示：如果你的App需要适配深色模式，也可以把颜色值换成@color/google_blue这类颜色资源引用，但如果只是要固定的Logo颜色，直接写死十六进制值最稳妥。

内容的提问来源于stack exchange，提问作者Nikola