HarmonyOS 鸿蒙Next能否提供一个"正在加载中"的进度动画demo能运行在har中？

请参考附件中正在加载中的demo,这个是android版中"正在加载中"的动画，鸿蒙我看下可以使用Image.animation来实现，但是我们har本身没有页面，如何在har的class中动态的添加"正在加载中"的动画呢？麻烦提供个demo吧，谢谢！

phonegap100 1楼•3 天前

HarmonyOS 鸿蒙Next“正在加载中”进度动画Demo

HarmonyOS 鸿蒙Next确实支持实现“正在加载中”的进度动画，并可以在har包中运行。你可以利用HarmonyOS提供的Stack布局和LoadingProgress组件来实现这一效果。

首先，定义一个状态变量以追踪加载状态，初始值为false，表示页面尚未加载完成。接着，在页面布局中使用Stack布局，将Web组件与LoadingProgress组件重叠放置。Web组件用于展示网页内容或加载数据，而LoadingProgress组件则用于显示加载进度动画。

通过监听Web组件的加载事件（如onPageEnd），当页面加载完成时，将状态变量设置为true，并隐藏LoadingProgress组件。这样，在用户等待页面加载的过程中，就可以看到一个优雅的进度动画。

示例代码如下（简化版）：

// 追踪加载状态
this.loaded = false;

// Stack布局
Stack() {
    Web({...}).onPageEnd((event) => {
        if (event) {
            this.loaded = true; // 页面加载完成
        }
    });

    // 显示加载动画
    if (!this.loaded) {
        LoadingProgress().height(180).color('#cd0401'); // 红色的加载指示器
    }
}

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