1# 页面栈及任务链 2 3 4## 页面栈 5 6单个UIAbility组件可以实现多个页面,并在多个页面之间跳转,这种UIAbility组件内部的页面跳转关系称为“页面栈”,由ArkUI框架统一管理,如下图中的UIAbility1的Page1->Page2->Page3和UIAbility2的PageA->PageB->PageC。 7 8**图1** 页面栈示意图 9![mission-record](figures/mission-record.png) 10 11- 页面栈的形成(下面2/3/5/6步骤为页面跳转,由ArkUI管理) 12 1. 点击桌面图标([startAbility](../reference/apis/js-apis-inner-application-uiAbilityContext.md#abilitycontextstartability))启动UIAbility1,UIAbility1的初始页面为Page1。 13 14 2. 点击Page1页面按钮([Navigator](../reference/arkui-ts/ts-container-navigator.md))跳转到Page2页面。 15 16 3. 点击Page2页面按钮([Navigator](../reference/arkui-ts/ts-container-navigator.md))跳转到Page3页面。 17 18 4. 点击Page3页面按钮([startAbility](../reference/apis/js-apis-inner-application-uiAbilityContext.md#abilitycontextstartability))跳转到UIAbility2,UIAbility2的初始页面为PageA。 19 20 5. 点击PageA页面按钮([Navigator](../reference/arkui-ts/ts-container-navigator.md))跳转到PageB页面。 21 22 6. 点击PageB页面按钮([Navigator](../reference/arkui-ts/ts-container-navigator.md))跳转到PageC页面。 23 24- 页面栈的返回(下面1/2/4/5步骤为页面跳转,由ArkUI管理) 25 1. 在UIAbility2的PageC页面点击**返回键**回到UIAbility2的PageB页面。 26 27 2. 在UIAbility2的PageB页面点击**返回键**回到UIAbility2的PageA页面。 28 29 3. 在UIAbility2的PageA页面点击**返回键**跳转到UIAbility1的Page3页面。 30 31 4. 在UIAbility1的Page3页面点击**返回键**回到UIAbility1的Page2页面。 32 33 5. 在UIAbility1的Page2页面点击**返回键**回到UIAbility1的Page1页面。 34 35 6. 在UIAbility1的Page1页面点击**返回键**回到桌面。 36 37 38## 任务链 39 40上文介绍了页面栈的返回,如果Ability2页面栈一层层通过返回键返回到最底层,再次点击返回键时,会返回到Ability1。因为在MissionList中记录了任务(Mission)之间的启动关系,即如果Ability1通过startAbility启动Ability2,则会形成一个MissionList任务链:Ability1->Ability2,当Ability2页面栈返回到首页时,再次点击返回键,会返回到Ability1的页面。 41 42MissionList任务链记录了任务之间的拉起关系,但是这个任务链可能会断开,有以下几种情况会导致任务链的断开: 43 44- 进入任务列表,把任务链中间某个任务移动到前台。 45 ![mission-chain1](figures/mission-chain1.png) 46 47- 进入任务列表,把任务链中间某个任务清理掉。 48 ![mission-chain2](figures/mission-chain2.png) 49 50- 单实例UIAbility的任务,被不同的任务反复拉起(AbilityB为单例)。 51 ![mission-chain3](figures/mission-chain3.png) 52