Power Apps如何根据复选框选中值实现多屏幕按顺序跳转

问题核心原因 #

原有代码失效的核心原因：Power Apps 中同步连续调用Navigate函数时，不会等待上一次页面跳转、渲染完成再执行下一条指令，会直接触发最后一次跳转动作，无法实现多屏按顺序依次跳转的效果。

需求对应实现逻辑 #

• 单复选框选中：直接跳转至对应目标屏
• 多复选框选中：严格按照复选框从上到下的排列顺序，逐屏完成跳转，覆盖所有选中组合
  应用首页复选框布局
  原有失效代码参考

步骤1：初始化全局跳转队列 #

打开应用的App.OnStart属性，输入以下代码初始化全局队列，用来按顺序存储待跳转的目标屏幕：

Set(varNavQueue, [])

步骤2：配置首页跳转触发按钮逻辑 #

替换原有按钮OnSelect属性中的代码，按复选框的排列顺序逐个判断选中状态，将对应目标屏按顺序存入队列后，触发第一次跳转：

// 清空上一次操作残留的队列数据
Clear(varNavQueue);

// 按复选框从上到下的排列顺序，逐个判断选中状态，将对应目标屏加入队列
// 请将下方控件名、屏幕名替换为你应用中实际的名称
If(Checkbox1.Value, Collect(varNavQueue, 对应第一选项的目标屏));
If(Checkbox2.Value, Collect(varNavQueue, 对应第二选项的目标屏));
If(Checkbox3.Value, Collect(varNavQueue, 对应第三选项的目标屏));
If(Checkbox4.Value, Collect(varNavQueue, 对应第四选项的目标屏));
If(Checkbox5.Value, Collect(varNavQueue, 对应第五选项的目标屏));

// 队列存在有效目标时，跳转至第一个目标屏
If(CountRows(varNavQueue) > 0, Navigate(First(varNavQueue).Value, ScreenTransition.None))

步骤3：配置目标页的顺序跳转逻辑 #

如果需要自动按顺序跳转所有选中屏幕，在每一个可被跳转的目标页做如下配置：

1. 插入一个隐藏的Timer控件，设置属性：
   • Duration：1500（可根据页面加载速度调整，单位毫秒，保证页面渲染完成再触发下一次跳转）
   • Visible：false
   • OnTimerEnd：输入以下代码

   // 移除队列中已经到达的当前屏幕
   Remove(varNavQueue, First(varNavQueue));
   // 队列仍有未跳转目标时，跳转至下一个屏幕
   If(
       CountRows(varNavQueue) > 0,
       Navigate(First(varNavQueue).Value, ScreenTransition.None)
   )
   

2. 在目标页的OnVisible属性中输入代码，启动计时器：

   Reset(Timer1);
   Set(varTimerStart, true)
   

   同时将Timer控件的Start属性绑定为varTimerStart

如果需要用户在每个目标页操作后手动点击按钮进入下一个选中页，不需要自动跳转，可以去掉Timer控件，把上述OnTimerEnd中的逻辑放到页面的「下一页」按钮OnSelect属性中即可。

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