鴻蒙HarmonyOS之AbilitySlice間導航

作者：waylau 2021-01-04 11:44:05

本節主要演示，在一個Page包含多個AbilitySlice時，這些AbilitySlice之間是如何路由和導航的。

https://harmonyos.51cto.com/#zz

Page模板(以下簡稱“Page”)是FA唯一支持的模板，用于提供與用戶交互的能力。一個Page可以由一個或多個AbilitySlice構成，AbilitySlice是指應用的單個頁面及其控制邏輯的總和。

當一個Page由多個AbilitySlice共同構成時，這些AbilitySlice頁面提供的業務能力應具有高度相關性。例如，新聞瀏覽功能可以通過一個Page來實現，其中包含了兩個AbilitySlice：一個AbilitySlice用于展示新聞列表，另一個AbilitySlice用于展示新聞詳情。

本節主要演示，在一個Page包含多個AbilitySlice時，這些AbilitySlice之間是如何路由和導航的。

創建應用

采用Car設備類型，創建一個AbilitySliceNavigation應用。該應用主要用于測試AbilitySlice之間的路由和導航。

創建多個AbilitySlice

在初始化應用時，AbilitySliceNavigation應用已經包含了一個主AbilitySlice，即為

public class MainAbilitySlice extends AbilitySlice { 
 
@Override 
 
public void onStart(Intent intent) { 
 
super.onStart(intent); 
 
super.setUIContent(ResourceTable.Layout_ability_main); 
 
} 
 
@Override 
 
public void onActive() { 
 
super.onActive(); 
 
} 
 
@Override 
 
public void onForeground(Intent intent) { 
 
super.onForeground(intent); 
 
} 
 
}

因此，還需要再新增一個AbilitySlice。我們復制MainAbilitySlice的代碼，創建了一個PayAbilitySlice。目前，MainAbilitySlice和PayAbilitySlice的代碼是完全相同的。

新增PayAbilitySlice樣式布局

為了體現MainAbilitySlice和PayAbilitySlice的不同，我們需要在“面子”上“整容”一下。我們在layout目錄下，新建了一個ability_pay.xml，如下圖所示

ability_pay.xml內容如下：

xmlns:ohos="http://schemas.huawei.com/res/ohos" 
 
ohos:height="match_parent" 
 
ohos:width="match_parent" 
 
ohos:orientation="vertical"> 
 
 
ohos:id="$+id:text_pay" 
 
ohos:height="match_parent" 
 
ohos:width="match_content" 
 
ohos:background_element="$graphic:background_ability_main" 
 
ohos:layout_alignment="horizontal_center" 
 
ohos:text="Pay me the money" 
 
ohos:text_size="50" 
 
/> 
 
ability_pay.xml基本上是從ability_main.xml上復制過去的。主要的差異點是： 
 
l id設置為了$+id:text_pay 
 
l text設置為了Pay me the money

設置PayAbilitySlice樣式布局

設置了ability_pay.xml之后，如來來使用這個樣式布局呢?參考如下代碼，在通過super.setUIContent()來指定新增的樣式布局即可：

public class PayAbilitySlice extends AbilitySlice { 
 
@Override 
 
public void onStart(Intent intent) { 
 
super.onStart(intent); 
 
// 指定UI 
 
super.setUIContent(ResourceTable.Layout_ability_pay); 
 
} 
 
@Override 
 
public void onActive() { 
 
super.onActive(); 
 
} 
 
@Override 
 
public void onForeground(Intent intent) { 
 
super.onForeground(intent); 
 
} 
 
}

如何實現AbilitySlice之間的路由和導航

設置路由

在MainAbility中，通過addActionRoute方法來添加到PayAbilitySlice的路由。

public class MainAbility extends Ability { 
 
@Override 
 
public void onStart(Intent intent) { 
 
super.onStart(intent); 
 
// 指定默認顯示的AbilitySlice 
 
super.setMainRoute(MainAbilitySlice.class.getName()); 
 
// 使用addActionRounte方法添加路由。 
 
addActionRoute("action.pay", PayAbilitySlice.class.getName()); 
 
} 
 
}

在config.json的actions數組中沒添加"action.pay"，配置如下：

"abilities": [ 
 
{ 
 
"skills": [ 
 
{ 
 
"entities": [ 
 
"entity.system.home" 
 
], 
 
"actions": [ 
 
"action.system.home", 
 
"action.pay" 
 
] 
 
} 
 
], 
 
"orientation": "landscape", 
 
"name": "com.waylau.hmos.abilityslicenavigation.MainAbility", 
 
"icon": "$media:icon", 
 
"description": "$string:mainability_description", 
 
"label": "AbilitySliceNavigation", 
 
"type": "page", 
 
"launchType": "standard" 
 
} 
 
]

設置點擊事件觸發導航

在MainAbilitySlice中，為文本設置了點擊事件，已觸發導航到PayAbilitySlice，代碼如下：

package com.waylau.hmos.abilityslicenavigation.slice; 
 
import com.waylau.hmos.abilityslicenavigation.ResourceTable; 
 
import ohos.aafwk.ability.AbilitySlice; 
 
import ohos.aafwk.content.Intent; 
 
import ohos.agp.colors.RgbColor; 
 
import ohos.agp.components.Button; 
 
import ohos.agp.components.DirectionalLayout; 
 
import ohos.agp.components.Text; 
 
import ohos.agp.components.element.ShapeElement; 
 
public class MainAbilitySlice extends AbilitySlice { 
 
@Override 
 
public void onStart(Intent intent) { 
 
super.onStart(intent); 
 
// 指定UI 
 
super.setUIContent(ResourceTable.Layout_ability_main); 
 
// 添加點擊事件來觸發導航 
 
Text text = (Text) findComponentById(ResourceTable.Id_text_helloworld); 
 
text.setClickedListener(listener -> 
 
present(new PayAbilitySlice(), new Intent())); 
 
} 
 
@Override 
 
public void onActive() { 
 
super.onActive(); 
 
} 
 
@Override 
 
public void onForeground(Intent intent) { 
 
super.onForeground(intent); 
 
} 
 
}

同理，在PayAbilitySlice中，為文本設置了點擊事件，已觸發導航到MainAbilitySlice，代碼如下：

package com.waylau.hmos.abilityslicenavigation.slice; 
 
import com.waylau.hmos.abilityslicenavigation.ResourceTable; 
 
import ohos.aafwk.ability.AbilitySlice; 
 
import ohos.aafwk.content.Intent; 
 
import ohos.agp.colors.RgbColor; 
 
import ohos.agp.components.Button; 
 
import ohos.agp.components.DirectionalLayout; 
 
import ohos.agp.components.Text; 
 
import ohos.agp.components.element.ShapeElement; 
 
public class PayAbilitySlice extends AbilitySlice { 
 
@Override 
 
public void onStart(Intent intent) { 
 
super.onStart(intent); 
 
// 指定UI 
 
super.setUIContent(ResourceTable.Layout_ability_pay); 
 
// 添加點擊事件來觸發導航 
 
Text text = (Text) findComponentById(ResourceTable.Id_text_pay); 
 
text.setClickedListener(listener -> 
 
present(new MainAbilitySlice(), new Intent())); 
 
} 
 
@Override 
 
public void onActive() { 
 
super.onActive(); 
 
} 
 
@Override 
 
public void onForeground(Intent intent) { 
 
super.onForeground(intent); 
 
} 
 
}