相关问题
#鸿蒙通关秘籍#在鸿蒙系统中如何使用Image组件加载本地图片?
270浏览 • 1回复 待解决
#鸿蒙通关秘籍#如何响应图片加载事件?
307浏览 • 1回复 待解决
#鸿蒙通关秘籍#如何利用鸿蒙Image组件加载媒体库中的图片路径?
274浏览 • 1回复 待解决
#鸿蒙通关秘籍#如何处理Image组件的加载错误?
217浏览 • 1回复 待解决
#鸿蒙通关秘籍#Image组件能否加载PixelMap?如何实现?
154浏览 • 1回复 待解决
#鸿蒙通关秘籍#如何在Image组件中添加点击事件并切换图片?
253浏览 • 1回复 待解决
#鸿蒙通关秘籍#如何使用组件异步加载特性优化鸿蒙应用的图片展示?
191浏览 • 1回复 待解决
#鸿蒙通关秘籍# 如何在HarmonyOS中使用Image组件实现图片缩放效果?
321浏览 • 1回复 待解决
#鸿蒙通关秘籍#如何通过鸿蒙Image组件的objectFit属性设置图片缩放类型?
421浏览 • 1回复 待解决
#鸿蒙通关秘籍#如何使用鸿蒙Web组件加载网络页面
275浏览 • 1回复 待解决
#鸿蒙通关秘籍# 如何在HarmonyOS NEXT中使用Image组件?
357浏览 • 1回复 待解决
#鸿蒙通关秘籍#如何在HarmonyOS的Image组件中设置图片填充效果?
287浏览 • 1回复 待解决
#鸿蒙通关秘籍# 鸿蒙应用中如何使用LazyForEach进行信息列表的数据懒加载?
333浏览 • 1回复 待解决
HarmonyOS 使用Image组件加载图片方向不对
247浏览 • 1回复 待解决
#鸿蒙通关秘籍#如何在Image组件中使用复制选项?
259浏览 • 1回复 待解决
Image组件如何加载沙盒内的图片
2694浏览 • 1回复 待解决
#鸿蒙通关秘籍#如何使用鸿蒙Tabs组件实现动态页面加载?
260浏览 • 2回复 待解决
#鸿蒙通关秘籍#如何在HarmonyOS中应用事件打点获取异常信息?
302浏览 • 1回复 待解决
#鸿蒙通关秘籍# 使用HarmonyOS Webview时,如何处理和获取Web页面元素的长按事件信息?
190浏览 • 0回复 待解决
Image组件如何加载网络图片
2836浏览 • 1回复 待解决
#鸿蒙通关秘籍#如何实现Tabs组件切换后获取触发的事件?
340浏览 • 1回复 待解决
#鸿蒙通关秘籍#如何在鸿蒙系统获取设备的Wifi信息?
397浏览 • 1回复 待解决
png图片使用Image组件加载出现锯齿
1890浏览 • 1回复 待解决
HarmonyOS预加载Image组件的图片
662浏览 • 1回复 待解决
#鸿蒙通关秘籍#HarmonyOS Next 如何避免 List 组件首次加载触发 onReachEnd 事件?
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事件将记录加载失败信息。