基于ArkUI实现类似.9图的拉伸能力
基于ArkUI实现类似.9图的拉伸能力
HarmonyOS
赞
收藏 0
回答 1
待解决
相关问题
如何实现类似.9 图的功能
990浏览 • 1回复 待解决
HarmonyOS如何实现类似点9图效果,可以根据内容长度拉伸图片的指定区域
245浏览 • 1回复 待解决
使用borderImage来实现类似点9图的自动拉伸效果,如果类似聊天气泡的背景图如何自适应伸缩呢?
184浏览 • 1回复 待解决
基于ArkUI现有能力实现自定义弹窗封装方案
611浏览 • 1回复 待解决
HarmonyOS ArkTS如何支持类似.9的那种可拉伸的图片
131浏览 • 1回复 待解决
HarmonyOS 是否支持类似的.9图的配置?
43浏览 • 1回复 待解决
基于原生能力实现图文混排
291浏览 • 1回复 待解决
设置背景图如何让背景图四周不拉伸,中间拉伸
167浏览 • 1回复 待解决
基于TLSSocket的通信能力
312浏览 • 1回复 待解决
HarmonyOS Java端的气泡聊天框怎么实现?android上有9图可实现?鸿蒙上有什么类似的方案没?
7003浏览 • 7回复 待解决
使用 png 作为背景图,希望能实现局部拉伸的效果。
1475浏览 • 1回复 待解决
基于原生的水印添加能力
559浏览 • 1回复 待解决
基于原生能力的组件封装
282浏览 • 1回复 待解决
HarmonyOS 华为轮播图有哪些自有能力能实现?
137浏览 • 1回复 待解决
请问有没有支持.9图的方案?
89浏览 • 1回复 待解决
ArkTS的WaterFlow怎么实现类似Android的setFullSpan的能力?
759浏览 • 1回复 待解决
HarmonyOS 实现类似Java中的反射方法调用能力
39浏览 • 1回复 待解决
如何实现类似Java中的反射方法调用能力
1960浏览 • 1回复 待解决
基于原生能力的网络状态感知
356浏览 • 1回复 待解决
基于@ohos/axios的网络请求能力
307浏览 • 1回复 待解决
基于原生能力的跨应用跳转
658浏览 • 1回复 待解决
HarmonyOS 支持使用.9图吗?
262浏览 • 1回复 待解决
图片作为文本的背景图,会随着文本的长度变化自动拉伸,可以设置横竖向拉伸的区域
1576浏览 • 1回复 待解决
基于原生能力的网络加载性能分析
586浏览 • 1回复 待解决
HarmonyOS有没有适配点9图的方案
1694浏览 • 1回复 待解决
场景描述
应用聊天界面简单气泡的拉伸实现。
效果图
最上方是未被拉伸的气泡图效果。
方案描述
分别使用backgroundImageResizable和resizable实现聊天气泡的拉伸。
backgroundImageResizable和resizable使用详解。
文档提供的图片,在设置了top、right、bottom、left四个参数后,图上的4角也就是1234区域不会被拉伸,关键点在于这4个参数的大小必须是原图的基础上的大小,所以需要将原图像素值转为vp后,在此基础上来确认参数。
效果图
核心代码
详细方案
1.给Text设置背景图并将backgroundImageSize宽高都设置为100%,再使用backgroundImageResizable限定背景图拉伸区域。
2.使用Stack组件嵌套Image和Text,在Text组件onAreaChange事件中将宽高值给到Image。
核心代码