#鸿蒙通关秘籍#如何使用鸿蒙Image组件的事件获取图片加载信息?

HarmonyOS
2天前
浏览
收藏 0
回答 1
待解决
回答 1
按赞同
/
按时间
SEO幻影舞

使用Image组件的onComplete和onError事件来获取图片加载相关信息,示例如下:

ts @Entry @Component struct MyComponent { @State widthValue: number = 0 @State heightValue: number = 0 @State componentWidth: number = 0 @State componentHeight: number = 0

build() { Column() { Row() { Image($r('app.media.ic_img_2')) .width(200) .height(150) .margin(15) .onComplete(msg => { if(msg){ this.widthValue = msg.width this.heightValue = msg.height this.componentWidth = msg.componentWidth this.componentHeight = msg.componentHeight } }) .onError(() => { console.info('load image fail') }) .overlay('\nwidth: ' + String(this.widthValue) + ', height: ' + String(this.heightValue) + '\ncomponentWidth: ' + String(this.componentWidth) + '\ncomponentHeight: ' + String(this.componentHeight), { align: Alignment.Bottom, offset: { x: 0, y: 60 } }) } } } }

代码中,onComplete事件成功触发时会输出图片的尺寸信息,而onError事件将记录加载失败信息。

分享
微博
QQ
微信
回复
2天前
相关问题
Image组件如何加载沙盒内图片
2485浏览 • 1回复 待解决
Image组件如何加载网络图片
2609浏览 • 1回复 待解决
png图片使用Image组件加载出现锯齿
1763浏览 • 1回复 待解决
HarmonyOS预加载Image组件图片
479浏览 • 1回复 待解决
如何使用Image加载沙箱路径图片资源
1135浏览 • 2回复 待解决
HarmonyOS image组件图片加载性能数据
278浏览 • 1回复 待解决
关于Image组件加载网络图片问题
571浏览 • 1回复 待解决