Xcode 12中SVG图片图像切片失效,无法作为可拉伸聊天气泡适配文本长度
Xcode 12 原生SVG素材的图像切片功能失效问题
Xcode 12 推出原生SVG图片支持功能后,日常使用SVG素材基本未遇到明显问题。在尝试为聊天气泡素材设置图像切片、让气泡可根据文本消息字符数正确拉伸适配时,发现该功能完全不生效。
目前在Stack Overflow、苹果官方论坛均未检索到相关问题讨论,需要确认该情况属于平台已知限制,还是Xcode 12存在的程序bug。
本次测试使用的聊天气泡SVG代码
<svg width="206" height="80" viewBox="0 0 206 80" fill="none" xmlns="http://www.w3.org/2000/svg"> <rect x="20.4998" y="16" width="161.484" height="40" rx="20" fill="lightseagreen"/> <path d="M186 56C175.984 56 169.984 55 169.984 46H177.984C177.984 50.0156 176.984 52 186 56Z" fill="lightseagreen"/> </svg>
复现过程观察到的界面表现
- 上述SVG素材导入Xcode资产目录后,常规预览状态显示正常,聊天气泡的圆角、尾尖造型无偏差
- 点击资产目录中的「显示切片」选项后,SVG素材的编辑界面未出现可拖拽调整的切片控制框,所有切片相关设置操作均无响应
- 同环境下的PNG格式聊天气泡素材,「显示切片」界面可正常加载切片控制组件,支持自定义固定区域、可拉伸区域,切片功能运行完全正常,二者界面表现存在明显差异
内容的提问来源于stack exchange,提问作者Bruce
相关产品推荐
相关产品推荐

