相关问题
#鸿蒙通关秘籍#在鸿蒙系统中如何使用Image组件加载本地图片？
400浏览 • 1回复 待解决
#鸿蒙通关秘籍#如何响应图片加载事件？
521浏览 • 1回复 待解决
#鸿蒙通关秘籍#如何利用鸿蒙Image组件加载媒体库中的图片路径？
419浏览 • 1回复 待解决
#鸿蒙通关秘籍#如何处理Image组件的加载错误？
378浏览 • 1回复 待解决
#鸿蒙通关秘籍#Image组件能否加载PixelMap？如何实现？
243浏览 • 1回复 待解决
#鸿蒙通关秘籍#如何在Image组件中添加点击事件并切换图片？
389浏览 • 1回复 待解决
#鸿蒙通关秘籍# 如何在HarmonyOS中使用Image组件实现图片缩放效果？
497浏览 • 1回复 待解决
#鸿蒙通关秘籍#如何使用组件异步加载特性优化鸿蒙应用的图片展示？
266浏览 • 1回复 待解决
#鸿蒙通关秘籍#如何通过鸿蒙Image组件的objectFit属性设置图片缩放类型？
565浏览 • 1回复 待解决
#鸿蒙通关秘籍#如何使用鸿蒙Web组件加载网络页面
369浏览 • 1回复 待解决
HarmonyOS 使用Image组件加载图片方向不对
492浏览 • 1回复 待解决
#鸿蒙通关秘籍#如何在HarmonyOS的Image组件中设置图片填充效果？
395浏览 • 1回复 待解决
Image组件如何加载沙盒内的图片
2851浏览 • 1回复 待解决
#鸿蒙通关秘籍#如何在HarmonyOS中应用事件打点获取异常信息？
436浏览 • 1回复 待解决
#鸿蒙通关秘籍# 如何在HarmonyOS NEXT中使用Image组件？
461浏览 • 1回复 待解决
#鸿蒙通关秘籍#如何在Image组件中使用复制选项？
322浏览 • 1回复 待解决
#鸿蒙通关秘籍# 鸿蒙应用中如何使用LazyForEach进行信息列表的数据懒加载？
613浏览 • 1回复 待解决
#鸿蒙通关秘籍# 使用HarmonyOS Webview时，如何处理和获取Web页面元素的长按事件信息？
273浏览 • 0回复 待解决
Image组件如何加载网络图片
2974浏览 • 1回复 待解决
#鸿蒙通关秘籍#如何使用鸿蒙Tabs组件实现动态页面加载？
365浏览 • 2回复 待解决
#鸿蒙通关秘籍#如何实现Tabs组件切换后获取触发的事件？
419浏览 • 1回复 待解决
#鸿蒙通关秘籍#如何在鸿蒙系统获取设备的Wifi信息？
575浏览 • 1回复 待解决
png图片使用Image组件加载出现锯齿
2026浏览 • 1回复 待解决
HarmonyOS预加载Image组件的图片
782浏览 • 1回复 待解决
#鸿蒙通关秘籍#如何获取默认显示设备信息？
273浏览 • 1回复 待解决
使用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事件将记录加载失败信息。