You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

导入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

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.10.07 00:12:03