【HarmonyOS NEXT】如何实现类似点9图的自动拉伸效果，背景长宽比自适应伸缩，四个角及右侧箭头保持不变

【关键字】

自适应伸缩 / Image组件 / ResizableOptions

【问题描述】

使用borderImage来实现类似点9图的自动拉伸效果，但是borderImage只能设置四个角，如果类似聊天气泡的背景图如何自适应伸缩呢。

如下图实现背景长宽比自适应伸缩，四个角及右侧箭头保持不变。

【解决方案】

Image组件有ResizableOptions属性，在图像拉伸时可调整大小的图像，

请参考文档：

https://developer.huawei.com/consumer/cn/doc/harmonyos-references/ts-basic-components-image-0000001815927572#ZH-CN_TOPIC_0000001815927572__resizableoptions11