HarmonyOS 即时通讯的消息内容背景图如何拉伸图片
我们有一张图片, 想要图片的边缘保持不变,而中心部分可以拉伸以适应不同的尺寸, 请问用哪个方法可以实现这个效果,
我们之前的可以实现九宫格拉伸图片,代码如下:
//假设你有一个 UIImage 对象名为 originalImage  
UIImage *originalImage = [UIImage imageNamed:@"your_image_name"];
// 定义需要拉伸的区域(这里是中心区域)  
CGRect stretchableRect = CGRectMake(originalImage.size.width / 3, originalImage.size.height / 3, originalImage.size.width - originalImage.size.width / 3 * 2, originalImage.size.height - originalImage.size.height / 3 * 2);
// 使用 resizableImageWithCapInsets: 方法创建可拉伸的图片  
UIImage *resizableImage = [originalImage resizableImageWithCapInsets:stretchableRect resizingMode:UIImageResizingModeStretch];
        HarmonyOS
      
        赞
        
 收藏 0
 回答 1
 
        待解决
        
相关问题
 HarmonyOS 即时通讯相关demo 
1406浏览  • 1回复 待解决
HarmonyOS 在即时通讯中发送编辑消息时候,可显示文本和emoji表情包的demo 
1192浏览  • 1回复 待解决
设置背景图如何让背景图四周不拉伸,中间拉伸 
1665浏览  • 1回复 待解决
HarmonyOS 可否提供关于即时通讯发送表情包、动图、音视频、接龙等功能demo? 
1585浏览  • 1回复 待解决
HarmonyOS 对于图片或者背景图拉伸 
1163浏览  • 1回复 待解决
图片作为文本的背景图,会随着文本的长度变化自动拉伸,可以设置横竖向拉伸的区域 
2674浏览  • 1回复 待解决
HarmonyOS  如何让背景图居中 
1292浏览  • 1回复 待解决
使用 png 作为背景图,希望能实现局部拉伸的效果。 
2644浏览  • 1回复 待解决
HarmonyOS 启动页背景图适配 
1406浏览  • 1回复 待解决
HarmonyOS  设置冷启动的背景图 
2095浏览  • 1回复 待解决
如何实现按钮组件没有背景,直接用背景图当背景? 
2837浏览  • 1回复 待解决
HarmonyOS 关于UIAbility设置启动背景图的问题 
1460浏览  • 1回复 待解决
HarmonyOS 背景图片如何填充满组件 
2047浏览  • 1回复 待解决
HarmonyOS如何实现类似点9图效果,可以根据内容长度拉伸图片的指定区域 
1499浏览  • 1回复 待解决
使用borderImage来实现类似点9图的自动拉伸效果,如果类似聊天气泡的背景图如何自适应伸缩呢? 
1422浏览  • 1回复 待解决
HarmonyOS 怎么让按钮禁用态不改变背景图的颜色? 
1415浏览  • 1回复 待解决
HarmonyOS  ArkUI中Tabs组件如何设置标签栏背景图 
1477浏览  • 1回复 待解决
Button是否支持默认状态是背景图片A,点击按下时是背景图片B,抬起手指恢复背景图片A 
1924浏览  • 1回复 待解决
HarmonyOS 切换tabs的时候,该如何修改其他图片的背景图片 
976浏览  • 1回复 待解决
HarmonyOS Navigation 分栏模式下内容页面如何设置一个默认背景图片呢 
778浏览  • 1回复 待解决
HarmonyOS ArkUI C API使用NODE_BACKGROUND_IMAGE设置背景图无效果 
1044浏览  • 1回复 待解决
HarmonyOS 如何设置状态栏为背景图片或颜色 
1091浏览  • 1回复 待解决
HarmonyOS 深浅主题使用背景图片无法跟随切换 
1028浏览  • 1回复 待解决
谁知道背景图片如何铺满?用的DirectionalLayout布局组件 
9975浏览  • 3回复 待解决
HarmonyOS 相机预览的时候预览图被拉伸 
1610浏览  • 1回复 待解决





















通过设置 Image 组件中的 resizable 属性对图片进行拉伸,具体使用方法可以参考文档,文档的示例5是图片进行拉伸的demo:
https://developer.huawei.com/consumer/cn/doc/harmonyos-references-V5/ts-basic-components-image-V5