相关问题
#鸿蒙通关秘籍#在鸿蒙系统中如何使用Image组件加载本地图片?
46浏览 • 1回复 待解决
#鸿蒙通关秘籍#如何响应图片加载事件?
87浏览 • 1回复 待解决
#鸿蒙通关秘籍#如何利用鸿蒙Image组件加载媒体库中的图片路径?
53浏览 • 1回复 待解决
#鸿蒙通关秘籍#如何处理Image组件的加载错误?
79浏览 • 1回复 待解决
#鸿蒙通关秘籍#Image组件能否加载PixelMap?如何实现?
55浏览 • 1回复 待解决
#鸿蒙通关秘籍#如何在Image组件中添加点击事件并切换图片?
81浏览 • 1回复 待解决
Image组件如何加载沙盒内的图片
2485浏览 • 1回复 待解决
Image组件如何加载网络图片
2609浏览 • 1回复 待解决
png图片使用Image组件加载出现锯齿
1763浏览 • 1回复 待解决
HarmonyOS预加载Image组件的图片
479浏览 • 1回复 待解决
#鸿蒙通关秘籍# 如何在HarmonyOS中使用Image组件实现图片缩放效果?
53浏览 • 0回复 待解决
#鸿蒙通关秘籍#如何使用组件异步加载特性优化鸿蒙应用的图片展示?
96浏览 • 1回复 待解决
Image组件加载url网络图片,不给Image组件设置宽度和高度,如何在网络图片加载完成后获取该图片的宽和高
365浏览 • 1回复 待解决
如何使用Image加载沙箱路径图片资源
1135浏览 • 2回复 待解决
#鸿蒙通关秘籍#如何通过鸿蒙Image组件的objectFit属性设置图片缩放类型?
45浏览 • 1回复 待解决
HarmonyOS image组件图片加载性能数据
278浏览 • 1回复 待解决
#鸿蒙通关秘籍# 使用HarmonyOS Webview时,如何处理和获取Web页面元素的长按事件信息?
48浏览 • 0回复 待解决
#鸿蒙通关秘籍#如何在HarmonyOS的Image组件中设置图片填充效果?
123浏览 • 1回复 待解决
#鸿蒙通关秘籍#如何在HarmonyOS中应用事件打点获取异常信息?
74浏览 • 1回复 待解决
#鸿蒙学习大百科#Image组件加载的图片,发现图片不清晰如何处理?
299浏览 • 1回复 待解决
关于Image组件加载网络图片的问题
571浏览 • 1回复 待解决
Image组件加载的图片,如何缓解图片在缩放时的锯齿问题
2048浏览 • 1回复 待解决
#鸿蒙通关秘籍# 鸿蒙应用中如何使用LazyForEach进行信息列表的数据懒加载?
19浏览 • 0回复 待解决
RichText组件中<Image>元素如何加载资源中的图片?
2116浏览 • 1回复 待解决
HarmonyOS中如何获取Image加载的网络图片的尺寸大小?
173浏览 • 0回复 待解决
使用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事件将记录加载失败信息。