HarmonyOS 鸿蒙Next 加载等待时UI的Shimmer效果

在 Android/iOS 中 Facebook 提供了一种全新的加载等待效果 Shimmer. 它是对完整的整个 UI 界面或者局部 UI 组进行闪光的动画效果.

但是我查看了 ArkUI 的文档, 并没有发现有类似的示例和 API.

请问是否有大佬知晓官方是否有类似的组件? 或者我想自己实现的, 有什么开源方案可以参考吗?

eggper 1楼•10 天前

shimmer可以使用三方库实现，参考如下链接：https://gitee.com/openharmony-sig/shimmer-ohos

yibo5220 2楼•10 天前

在HarmonyOS 鸿蒙Next中，若想在加载等待时为UI添加Shimmer效果，你可以采取以下措施：

首先，由于ArkUI可能未直接提供Shimmer效果的API，你需要创建自定义组件。在这个自定义组件中，重写onDraw方法以绘制Shimmer效果。利用Canvas API，你可以绘制一系列渐变矩形或路径，模拟水波流动效果，并将其与加载文本或图标叠加。

其次，使用ArkUI的动画系统（如Animator）来控制Shimmer效果的移动速度和方向。通过不断更新自定义组件的状态并调用invalidate来触发重绘，实现动画效果。

最后，确保在绘制Shimmer效果的同时，加载文本或图标依然可见。调整图层关系，以获得预期视觉效果。

整个过程中，由于ArkUI的API和框架可能随版本更新而变化，因此你需要根据实际使用的HarmonyOS版本和ArkUI框架文档进行调整。

如果问题依旧没法解决请联系官网客服，官网地址是：https://www.itying.com/category-93-b0.html 。