如何在Power Apps启动时自动启用加载动画（Spinner）并在数据加载完成后自动停止

我帮你整理了一套亲测有效的方案，能实现Power Apps启动时自动显示加载动画（Spinner），等所有数据加载完成后自动关闭，具体步骤如下：

1. 添加加载动画控件并配置基础属性 #

打开Power Apps编辑器，从「插入」菜单的「加载」分类里拖一个Spinner控件到屏幕上。为了避免用户在加载期间误操作，建议让它覆盖整个屏幕，设置以下属性：

• Width = App.Width
• Height = App.Height
• Visible = varLoading（这里的varLoading是我们后续要创建的状态变量，用来控制Spinner的显示/隐藏）

你还可以优化视觉体验：调整Spinner的Size为Large、选一个和品牌匹配的Color；再添加一个Label控件，设置Text = "数据加载中，请稍候..."，同样把Visible绑定到varLoading，让用户明确当前状态。

2. 初始化加载状态变量 #

找到应用的OnStart属性，输入以下代码：

Set(varLoading, true);

这样应用一启动，就会把加载状态设为true，Spinner立刻显示出来。

3. 绑定数据加载逻辑，完成后自动关闭动画 #

根据你的数据加载场景，把关闭动画的逻辑放在所有数据加载完成之后，分三种常见情况：

场景1：启动时加载单个集合/数据源 #

如果应用启动只需要加载一组数据到集合，直接在OnStart里链式编写逻辑：

Set(varLoading, true);
// 替换成你的实际数据源和集合名称
ClearCollect(colMyAppData, MyDataSource);
// 数据加载完成后，关闭加载动画
Set(varLoading, false);

场景2：同时加载多个独立数据源 #

如果有多个互不依赖的数据源需要加载，用Concurrent函数并行加载提升效率，之后统一关闭动画：

Set(varLoading, true);
Concurrent(
    ClearCollect(colUserInfo, UserDataSource),
    ClearCollect(colProductList, ProductDataSource),
    // 可继续添加更多并行加载操作
);
Set(varLoading, false);

场景3：屏幕级别的数据加载 #

如果部分数据是在特定屏幕的OnVisible属性里加载（比如主屏幕打开时才加载专属数据），在该屏幕的OnVisible中处理状态：

Set(varLoading, true);
// 加载当前屏幕所需数据
ClearCollect(colHomeScreenData, HomeDataSource);
Set(varLoading, false);

这种情况下，记得在应用OnStart里仍要初始化varLoading = true，确保进入屏幕时动画先显示。

4. 测试与优化细节 #

• 测试时可以用浏览器调试工具限制网速，模拟慢速网络环境，验证Spinner是否会持续显示到所有数据加载完成才消失
• 如果发现Spinner提前消失，检查是否有数据加载操作被遗漏在关闭动画的代码之前
• 若涉及异步操作（比如调用API），可以通过判断集合是否为空来确保加载完成，示例代码：

  Set(varLoading, true);
  ClearCollect(colAPIResult, MyAPICall());
  // 等待集合加载完成
  While(IsEmpty(colAPIResult), Sleep(100));
  Set(varLoading, false);
  

内容的提问来源于stack exchange，提问作者ALBERT Isac