HarmonyOS 鸿蒙Next Image组件加载网络图片,是否有占位图相关API?

发布于 1周前 作者 zlyuanteng 来自 鸿蒙OS

HarmonyOS 鸿蒙Next Image组件加载网络图片,是否有占位图相关API?

鸿蒙通过Image组件加载网络图片时,是否有占位图相关功能,类似苹果的 中SDWebImage 的placeholderImage功能

- (void)sd_setImageWithURL:(nullable NSURL *)url placeholderImage:(nullable UIImage *)placeholder NS_REFINED_FOR_SWIFT;

2 回复
可以使用alt属性设置占位图。

参考链接:https://developer.huawei.com/consumer/cn/doc/harmonyos-references-V5/ts-basic-components-image#alt

示例代码:

Image("https://www.example.com/xxx.png")// 直接加载网络地址,请填写一个具体的网络图片地址

        .alt($r(‘app.media.icon’))// 使用alt,在网络图片加载成功前使用占位图

        .width(100)

        .height(100)<button style="position: absolute; padding: 4px 8px 0px; cursor: pointer; top: 8px; right: 8px; font-size: 14px;">复制</button>

HarmonyOS 鸿蒙Next Image组件加载网络图片,确实有占位图相关的API

在HarmonyOS中,Image组件支持加载网络图片,并提供了alt属性用于设置图片加载时的占位图。当网络图片正在加载或加载失败时,可以使用alt属性指定的图片进行占位显示。这一功能在提升用户体验方面尤为重要,能够避免因网络延迟或加载失败而导致的界面空白。

使用alt属性时,需将占位图的资源ID或路径传递给该属性。例如,可以通过$r(‘app.media.icon’)的方式引用资源文件中的占位图。在网络图片成功加载后,Image组件将自动显示网络图片,占位图则不再显示。

如果开发者在配置和使用alt属性时遇到问题,或需要更详细的API使用指导,建议查阅HarmonyOS的官方文档。如果问题依旧没法解决请联系官网客服,官网地址是:https://www.itying.com/category-93-b0.html

回到顶部