基于ArkUI实现类似.9图的拉伸能力
基于ArkUI实现类似.9图的拉伸能力
HarmonyOS
赞
收藏 0
回答 1
待解决
相关问题
如何实现类似.9 图的功能
713浏览 • 1回复 待解决
HarmonyOS如何实现类似点9图效果,可以根据内容长度拉伸图片的指定区域
105浏览 • 1回复 待解决
基于ArkUI现有能力实现自定义弹窗封装方案
379浏览 • 1回复 待解决
使用 png 作为背景图,希望能实现局部拉伸的效果。
1309浏览 • 1回复 待解决
基于原生能力实现图文混排
147浏览 • 1回复 待解决
HarmonyOS Java端的气泡聊天框怎么实现?android上有9图可实现?鸿蒙上有什么类似的方案没?
6752浏览 • 7回复 待解决
基于TLSSocket的通信能力
166浏览 • 1回复 待解决
ArkTS的WaterFlow怎么实现类似Android的setFullSpan的能力?
588浏览 • 1回复 待解决
如何实现类似Java中的反射方法调用能力
1729浏览 • 1回复 待解决
基于原生能力的组件封装
157浏览 • 1回复 待解决
基于原生的水印添加能力
348浏览 • 1回复 待解决
基于原生能力的跨应用跳转
494浏览 • 1回复 待解决
基于原生能力的网络状态感知
181浏览 • 1回复 待解决
基于@ohos/axios的网络请求能力
145浏览 • 1回复 待解决
HarmonyOS 支持使用.9图吗?
101浏览 • 1回复 待解决
图片作为文本的背景图,会随着文本的长度变化自动拉伸,可以设置横竖向拉伸的区域
1339浏览 • 1回复 待解决
基于原生能力的网络加载性能分析
402浏览 • 1回复 待解决
HarmonyOS有没有适配点9图的方案
1492浏览 • 1回复 待解决
HarmonyOS是否提供类似opencv的能力
778浏览 • 1回复 待解决
基于原生能力的设备唯一ID方案
394浏览 • 1回复 待解决
arkUI的js chart组件圆环图支持中间显示文本吗?
5118浏览 • 1回复 待解决
harmonyOS基于api9如何调用相机拍照?
3279浏览 • 1回复 待解决
ArkUI sdk9使用worker出现问题
3390浏览 • 1回复 待解决
基于measure实现的文本测量
330浏览 • 1回复 待解决
arkUI能否实现类似于拼音导航这类“粘性头部”或“粘性导航”功能
1354浏览 • 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。
核心代码