导入SVG生成Vector Assets后预览失真变形该如何解决?
Android Studio导入SVG生成Vector Asset预览失真变形问题
尝试导入SVG图标创建Vector Asset,但资源生成后所有预览界面均完全失真变形。已尝试多种SVG导入方式,结果始终一致,且该问题也出现在其他SVG文件的导入场景中。
相关参考截图
- 创建Vector Asset操作界面
- 生成后资源预览效果
- 布局文件中预览效果
- 模拟器运行测试效果
生成的Vector Asset XML代码
<vector xmlns:android="http://schemas.android.com/apk/res/android" android:width="24dp" android:height="24dp" android:viewportWidth="24" android:viewportHeight="24"> <path android:pathData="M12,22A10,10 0,1 1,22 12,10.011 10.011,0 0,1 12,22ZM12,4a8,8 0,1 0,8 8A8.009,8.009 0,0 0,12 4ZM15,17L9,17L9,15L11,15L11,12L10,12L10,10h2a1,1 0,0 1,1 1v4h2v2ZM12,9.25A1.25,1.25 0,1 1,13.25 8,1.252 1.252,0 0,1 12,9.25Z" android:fillColor="#005aa5"/> </vector>
问题排查结论
已在模拟器中测试,ImageView可正常加载该图标,该问题为Android Studio预览XML drawable时的渲染故障,不会影响应用实际运行效果。
修复方案
- 清理IDE缓存:点击顶部菜单栏
File → Invalidate Caches...,勾选清除文件系统缓存和本地历史选项后重启Android Studio,可解决绝大多数预览渲染异常问题。 - 升级Android Studio版本:部分旧版本(如Arctic Fox及更早版本)存在Vector Asset预览适配bug,升级到最新稳定版即可修复该类兼容性问题。
- 优化SVG源文件:如果仅特定SVG导入出现问题,可先优化SVG源文件去除冗余属性、不兼容路径指令后再重新导入。
内容的提问来源于stack exchange,提问作者lmituiti
相关产品推荐
相关产品推荐

