• HarmonyOS开发(四)：UIAbility组件

    1、UIAbility概述

    UIAbility

    • 一种包含用户界面的应用组件
    • 用于与用户进行交互
    • 系统调度的单元
    • 为应用提供窗口在其中绘制界同

    注：每一个UIAbility实例，都对应一个最近任务列表中的任务。

    一个应用可以有一个UIAbility也可以有多个UIAbility。

    如一般的浏览器应用，通过一个UIAbility结合多页面的形式为用户提供服务

    如一个聊天程序中添加一个与聊天不相关的“直播功能”场景，那可以把直播功能的内容独立为一个UIAbility,此时打开聊天应用的直播功能，这时要切换回聊天界面可通过最近任务列表切换实现（因为一个UIAbility实例，都对应一个最近任务列表中的任务）。

    一个UIAbility可以对应多个页面，建议把一个独立的页面功能模块放到一个UIAbility中，以多页面的方式呈现。

    2、UIAbility内页面的跳转和数据传递

    页面间的导航可以通过页面路由router模块来实现 ，页面路由模块根据页面URL找到目标页面，从而实现页面的跳转。

    2.1、页面跳转与参数接收

    使用页面路由之前需要先导入router模块

    import router from '@ohos.router';

    2.1.1、页面跳转

    页面跳转的两种方式：

    方式一：router.pushUrl()

    这个方法有两个参数：

    url：表示要跳转到的页面

    mode：可以取值为router.RouterMode.Single(单例模式)、router.RouterMode.Standard(多例模式，默认)

    在单例模式下，如果目标页面URL在页面栈中已经存在同URL页面，离栈顶最近的同URL页面会被移动到栈顶，移动后的页面为新建页，原来的页面仍然存在栈中，页面栈中的元数数量不变；如果目标页面URL在页面栈中不存在同URL页面，按多例模式跳转，页面栈的元素数量会加1。

    注：当页面栈的的元素数量较大或者超过32时，可以通过调用router.clear()方法清除页面栈中的所有历史页面，仅保留当前页面作为栈顶页面。

    1. router.pushUrl({
    2.     url: 'pages/Second',
    3.     params: 'Index页面传过来的参数',
    4. },router.RouterMode.Single)

    方式二：router.replaceUrl()

    这个方法有两个参数：

    url：表示要跳转到的页面

    mode：可以取值为router.RouterMode.Single(单例模式)、router.RouterMode.Standard(多例模式，默认)

    在单列模式下，如果目标页面的URL在页面栈中已经存在同URL页面，离栈顶最近同URL页面会被移动到栈顶，替换当前页面，并销毁被替换的当前页面，移动后的页面为新建页面，页面栈的元素数量会减1；如果目标页面的URL在页面栈中不存在同URL页面，按多例模式跳转，页面栈元素数量不变。

    注意：由于当前页面被替换并销毁，把以跳转回去后就无法再回退回来了

    1. router.replaceUrl({
    2.     url: 'pages/Second',
    3.     params: {
    4.         src: 'Index页面传过来的参数',
    5.     }
    6. },router.RouterMode.Single)

    1.1.2、参数接收

    跳转到的页面可以通过调用router.getParams()方法来接收传递过来的自定义参数

    1. import router from '@ohos.router';
    2.  
    3. @Entry
    4. @Component
    5. struct Second {
    6.     @State src: string = router.getParams()?.['src'];
    7.     
    8.     // 页面内容
    9. }

    2.2、页面返回和参数接收

    2.2.1、页面返回

    当我们跳转到某个页面，在这个页面中完成了一些功能后，如果希望返回到上一个页面，可以调用router.back()来实现，或者是在调用router.back()方法时增加options参数时增加url参来指定返回的具体页面。

    注意：调用router.back()返回的目标页面需要在页面栈中存在才能正常返回，如果是replaceUrl()方法跳转的由于当前页面被销毁所以无法返回，如果在返回前调用了router.clear()清空了页面栈则也无法返回。

    1. // 返回上一页面
    2. router.back();
    3.  
    4. // 返回到指定页面
    5. router.back({url: 'pages/Index'});

    在调用router.back()方法之前，可以先调用router.enableAlertBeforeBackPage()方法开启页面返回询问提示对话框，如果点击取消则不做返回。

    注意：这个方法当前已不推荐使用，可能是因为这个操作可能打断用户的交互行为

    1. // 这个方法已经不推荐使用了，可能是因为会影响到交互的流畅性
    2. router.enableAlertBeforeBackPage({
    3.     message:'确定返回吗？'
    4. });

    在页面返回时可以同时添加自定义参数

    1. router.back({
    2.     url: 'pages/Index',
    3.     params: {
    4.         src: 'Second页面传过来的参数',
    5.     }
    6. })

    2.2.2、接收返回参数

    router.back()方法，不会新建页面，返回的是原来的页面，在原来页面中@State声明变量不会重复声明，也不会触发硕的aboutToAppear()生命周期回调，因此无法直接在变量声明以及页面aboutToAppear()生命周期回调中接收和解析返回的参数。

    如果要接收参数可以在业务需要的位置进行参数解析。如：onPageShow()生命周期回调函数中进行解析。

    1. import router from '@ohos.router';
    2.  
    3. @Entry
    4. @Component
    5. struct Index {
    6.     @State src: string = '';
    7.  
    8.     onPageShow() {
    9.         this.src = router.getParams()?.['src'];
    10.     }
    11.  
    12.     // 页面内容
    13. }

    3、UIAbility生命周期

    UIAbility生命周期有四个：Create、Foreground、Background、Destroy

    窗口管理器在UIAbility中管理UI界面功能的两个生命周期回调：WindowStageCreate、WindowStageDestroy

    Create状态

    在UIAbility实例创建时触发，系统会调用onCreate回调。可以在其中做相关的初始化操作。

    1. import UIAbility from '@ohos.app.ability.UIAbility';
    2. import window from '@ohos.window';
    3.  
    4. export default class EntryAbility extends UIAbility {
    5.  
    6.     onCreate(want, launchParam) {
    7.         // 应用初始化操作
    8.         ...
    9.     }
    10. }

    WindowStageCreate

    UIAbility实例创建完成后，在进入Foreground之前，系统会创建一个WindowStage。

    每一个UIAbility实例都对应持有一个WindowStage实例。

    WindowStage为本地窗口管理器，用于管理窗口相关的内容，如界面相关的获焦/失焦、可见/不可见

    可以在onWindowStageCreate回调中，设置UI页面加载、设置WindowStage的事件订阅

    在onWindowStageCreate(windowStage)中通过loadContent接口设置应用要加载的页面。

    1. import UIAbility from '@ohos.app.ability.UIAbility';
    2. import window from '@ohos.window';
    3.  
    4. export default class EntryAbility extends UIAbility {
    5.  
    6.     ...
    7.     
    8.     onWindowStageCreate(windowStage: window.WindowStage) {
    9.         // 设置UI页面加载
    10.         // 设置WindowStage事件订阅
    11.         ...
    12.         
    13.         windowStage.loadContent('pages/Index',(err, data) => {
    14.             ...
    15.         });
    16.     }
    17.     
    18.     ...
    19. }

    Foreground和Background状态

    上面的状态分别是UIAbility切换至前台或者切换至后台时触发。它们分别对应的是onForeground回调和onBackground回调。

    onForeground回调：在UIAbility的UI页面可见之前，即UIAbility切换至前台时触。可以在其中申请系统需要的资源，或者重新申请在onBackground中释放的资源。

    onBackground回调：在UIAbility的UI页面完全不可见之后，即UIAbility切换至后台时候触发。可以在onBackground回调中释放UI页面不可见时无用的资源，或者在此回调中执行较为耗时的操作，例如状态保存等。

    1. import UIAbility from '@ohos.app.ability.UIAbility';
    2. import window from '@ohos.window';
    3.  
    4. export default class EntryAbility extends UIAbility {
    5.  
    6.     ...
    7.     
    8.     onForeground() {
    9.         // 申请需要的资源
    10.         ...
    11.     }
    12.  
    13.     onBackground() {
    14.         // 释放资源，或者执行较为耗时的任务
    15.         ...
    16.     }
    17. }

    WindowStageDestroy

    在UIAbility实例销毁之前，则会先进入onWindowStageDestroy回调，我们可以在该回调中释放UI页面资源。

    1. import UIAbility from '@ohos.app.ability.UIAbility';
    2. import window from '@ohos.window';
    3.  
    4. export default class EntryAbility extends UIAbility {
    5.  
    6.     ...
    7.     
    8.     onWindowStageDestroy() {
    9.         // 释放UI页面资源
    10.         ...
    11.     }
    12. }

    Destroy状态

    在UIAbility销毁时触发。可以在onDestroy回调中进行系统资源的释放、数据的保存等操作。

    1. import UIAbility from '@ohos.app.ability.UIAbility';
    2. import window from '@ohos.window';
    3.  
    4. export default class EntryAbility extends UIAbility {
    5.     ...
    6.  
    7.     onDestroy() {
    8.         // 系统资源的释放、数据的保存等
    9.         ...
    10.     }
    11. }

    4、UIAbility启动模式

    UIAbility当前支持single(单实例模式)、multiton(多实例模式)和specified(指定实例模式)三种启动模式。

    singleton(单实例模式)

    访问应用后，回到桌面，再次打开应用，显不的仍是用户当前访问界面。

    每次调用startAbility()方法时，如果应用进程中该类型的UIAbility实例已经存在，则复用系统中的UIAbility实例，系统中只存在唯一一个该UIAbility实例。

    singleton启动模式在module.json5文件中中“launchType”字段配置为“singleton”即可。

    multiton(多实例模式)

    每次调用startAbility()方法时，都会在应用进程中创建一个该类型的UIAbility实例。即在最近任务列表中可以看到有多个该类型的UIAbility实例。

    multiton启动模式，在module.json5文件中的“launchType”字段配置为“multiton”即可。

    specified(指定实例模式)

    在UIAbility实例创建之前，会先进入AbilityStage的onAcceptWant回调，在onAcceptWant回调中为每一个UIAbility实例创建一个Key，后续每次调用startAbility()方法创建该类型的UIAbility实例都会询问使用哪个Key对应的UIAbility实例来响应startAbility()请求。

    specified启动模式使用步骤：

    在module.json5文件中“launchType”字段配置为“specified”。

    在调用startAbility()方法的want参数中，增加一个自定义参数来区别UIAbility实例。

    1. // 在启动指定实例模式的UIAbility时，给每个UIAbility实例配置一个独立的key标识
    2. function getInstance() {
    3.     ...
    4. }
    5.  
    6. let content:common.UIAbilityContext = '...'    // context为调用方UIAbility的UIAbilityContext
    7. let want: Want = {
    8.     deviceId: '', // deviceId为空表示本设备
    9.     bundleName: 'com.example.myapplication',
    10.     abilityName: 'SpecifiedAbility',
    11.     moduleName: 'specified', // moduleName非必选
    12.     parameters: { // 自定义信息
    13.         instanceKey: getInstance(),
    14.     },
    15. }
    16. context.startAbility(want).then(() => {
    17.     ...
    18. }).catch((err: BusinessError) => {
    19.     ...
    20. })

    在被拉起方UIAbility对应的AbilityStage的onAcceptWant生命周期回调中，解析传入的want参数，获取“instanceKey”自定义参数。根据业务需要返回一个该UIAbility实例的字符串Key标识。如果之前启动过此Key标识的UIAbility，则会将之前的UIAbility拉回前台并获焦，而不创建新的实例，否则创建新的实例并启动

    1. onAcceptWant(want: Want): string {
    2.     // 在被启动方的AbilityStage中，针对启动模式为specified的UIAbility返回一个UIAbility实例对应的一个Key值
    3.     // 当前示例指的是device Module的EntryAbility
    4.    if (want.abilityName === 'MainAbility') {
    5.         return `DeviceModule_MainAbilityInstance_${want.parameters.instanceKey}`;
    6.     }
    7.     return '';
    8. }

    5、案列实践（应用内页面跳转）

    1、新增EmptyAbility，Stage模式项目：MyApplication1

    2、在生成项目的Index页面（pages/Index.ets）修改为如下

    1. import router from '@ohos.router';  // 实现页面的路由
    2.  
    3. @Entry
    4. @Component
    5. struct Index {
    6.   @State src: string = ''
    7.   // 页面显示时的回调函数
    8.   onPageShow() {
    9.     this.src = router.getParams()?.['src'];
    10.   }
    11.  
    12.   build() {
    13.     Row() {
    14.       Column() {
    15.         Text('index Page')
    16.           .fontSize(50)
    17.           .fontWeight(FontWeight.Bold)
    18.         if(this.src) {
    19.           Text(this.src)
    20.         }
    21.         Button('Next')
    22.           .type(ButtonType.Capsule)
    23.           .backgroundColor(Color.Blue)
    24.           .fontColor(Color.White)
    25.           .onClick(() => {
    26.  
    27.             // 跳转还可以使用replaceUrl,pushUrl是在页面栈中移动，replaceUrl是在页面栈移动后替换当前页面并销毁当前页面,这里back就回不来了
    28.             router.pushUrl({
    29.               url: 'pages/Second',
    30.               params: {
    31.                 src: 'Index页面传递过来的数据',
    32.               }
    33.             },router.RouterMode.Single)
    34.           })
    35.       }
    36.       .width('100%')
    37.     }
    38.     .height('100%')
    39.   }
    40. }

    3、新增一个页面Second(pages/Second.ets)

    1. import router from '@ohos.router';
    2.  
    3. @Entry
    4. @Component
    5. struct Second {
    6.   // 获取页面传递过来的参数
    7.   @State src: string = router.getParams()?.['src'];
    8.  
    9.   build() {
    10.     Row() {
    11.       Column() {
    12.         Text('second Page')
    13.           .fontSize(50)
    14.           .fontWeight(FontWeight.Bold)
    15.         Text(this.src)
    16.         Button('back')
    17.           .type(ButtonType.Capsule)
    18.           .backgroundColor(Color.Blue)
    19.           .fontColor(Color.White)
    20.           .onClick(() => {
    21.             // 这个方法已经不推荐使用了，可能是因为会影响到交互的流畅性
    22.             router.enableAlertBeforeBackPage({
    23.               message:'确定返回吗？'
    24.             });
    25.  
    26.             // 这里的back方法也可以增加options参数指定跳转回的页面，返回时也可以带上参数返回
    27.             // router.back();
    28.             // router.back({url:'pages/Index'});
    29.             router.back({
    30.               url: 'pages/Index',
    31.               params:{
    32.                 src: 'Second页面带过来的参数',
    33.               }
    34.             })
    35.           })
    36.       }
    37.       .width('100%')
    38.     }
    39.     .height('100%')
    40.   }
    41. }

    注意：新增第二个页面Second时我们在pages上右键选择New-->Page

    如果我们不是新增的Page，而是直接新增一个ets的文件，则还需要对main_pages.json文件的src下新增，"pages/Second"，这个文件所在目录是：src/main/resources/base/profile/main_pages.json

    6、UIAbility组件基本用法

    基本用法包含：指定UIAbility的启动页面及获取UIAbility的上下文UIAbilityContext

    6.1、指定UIAbility的启动页面

    应用中的UIAbility在启动过程中，需要指定启动页面，否则应用启动后会因为没有默认加载页面而导致白屏。可以在UIAbility的onWindowStageCreate()生命周期回调中，通过WindowStage对象的loadContent()方法设置启动页面。

    1. import UIAbility from '@ohos.app.ability.UIAbility';
    2. import window from '@ohos.window';
    3.  
    4. export default class EntryAbility extends UIAbility {
    5.     onWindowStageCreate(windowStage: window.WindowStage){
    6.         windowStage.loadContent('pages/Index',(err,data) => {
    7.             // ...
    8.         });
    9.     }
    10.  
    11.     // ...
    12. }

    注意：在DevEco Studio中创建UIAbility中，这个UIAbility实例默认会加载Index页面，根据需要把Index页面路径替换为需要的页面路径就可以了。

    6.2、获取UIAbility的上下文信息

    UIAbility类拥有自身上下文信息，这个信息为UIAbilityContext类的实例。

    UIAbilityContext类拥有abilityInfo、currentHapModuleInfo等属性

    通过UIAbilityContext可以获取UIAbility的相关配置信息，如包代码路径、Bundle名称、Ability名称和应用程序需要的环境状态等属性信息，也可以操作UIAbility的实例方法（startAbility()、connectServiceExtensionAbility()、terminateSelf()...）

    在UIAbility中可以通过this.context获取UIAbility实例的上下文信息

    1. import UIAbility from '@ohos.app.ability.UIAbility';
    2. import AbilityConstant from '@ohos.app.ability.AbilityConstant';
    3. import Want from '@ohos.app.ability.Want';
    4.  
    5.  
    6. export default class EntryAbility extends UIAbility {
    7.     onCreate(want: Want, launchParam: AbilityConstant.LaunchParam) {
    8.         // 获取UIAbility实例的上下文
    9.         let context = this.context;
    10.         ...
    11.     }
    12. }

    在页面中获取UIAbility实例的上下文信息

    1. import common from '@ohos.app.ability.common';
    2. import Want from '@ohos.app.ability.Want';
    3.  
    4. @Entry
    5. @Component
    6. struct Index {
    7.     private context = getContext(this) as common.UIAbilityContext;
    8.     
    9.     startAbilityTest() {
    10.         let want: Want = {
    11.             // Want参数信息
    12.         };
    13.         this.context.startAbility(want);
    14.     }
    15.  
    16.     // 页面展示
    17.     build() {
    18.         ...
    19.     }
    20. }
    1. import common from '@ohos.app.ability.common';
    2. import Want from '@ohos.app.ability.Want';
    3.  
    4.  
    5. @Entry
    6. @Component
    7. struct Index {
    8.     startAbilityTest() {
    9.         let context = getContext(this) as common.UIAbilityContext;
    10.         let want: Want = {
    11.             // want参数信息
    12.         }
    13.     }
    14.  
    15.     // 页面展示
    16.     build() {
    17.         ...
    18.     }
    19. }

    7、UIAbility组件与UI的数据同步

    基于当前应用模型，可以通过如下几种方式实现UIAbility组件与UI之间的数据同步。

    • 使用EventHub进行数据通信
    • 使用AppStorage/localStorage进行数据同步

    7.1、EventHub进行数据通信

    EventHub为UIAbility组件提供了事件机制，使它们能进行订阅、取消订阅和触发事件等数据通信能力。

    在基类Context中，提供了EventHub对象，可用于在UIAbility组件实例内通信。

    使用EventHub实现UIAbility与UI之间的数据通信需要先获取EventHub对象

    在UIAbility中调用eventHub.on()方法注册一个自定义事件

    1. import UIAbility from '@ohos.app.ability.UIAbility';
    2. import hilog from '@ohos.hilog';
    3. import window from '@ohos.window';
    4.  
    5. const TAG: string = '[MyApplication1].[Entry].[EntryAbility]';
    6.  
    7. export default class EntryAbility extends UIAbility {
    8.  
    9.   func1(data: string) {
    10.     // 触发事件，完成相应的业务操作
    11.     console.info(TAG, '1.' + JSON.stringify(data));
    12.   }
    13.  
    14.   onCreate(want, launchParam) {
    15.     hilog.info(0x0000, 'testTag', '%{public}s', 'Ability onCreate');
    16.     // 获取eventHub
    17.     let eventhub = this.context.eventHub;
    18.     // 执行订阅操作
    19.     eventhub.on('myEvent', this.func1);
    20.     eventhub.on('myEvent', (data: string) => {
    21.       // 触发事件，完成相应的业务操作
    22.       console.info(TAG, ' 2. ' + JSON.stringify(data));
    23.     });
    24.   }
    25.  
    26.     // ...
    27. }

    在UI中通过eventHub.emit()方法触发这个事件，在触发这个事件的同时，根据需要传入参数信息。

    1. import common from '@ohos.app.ability.common';
    2. @Entry
    3. @Component
    4. struct EventPage {
    5.   private context = getContext(this) as common.UIAbilityContext;
    6.  
    7.   eventHubFunc() {
    8.     // 不带参数触发自定义“myEvent”事件
    9.     this.context.eventHub.emit('myEvent');
    10.     // 带1个参数触发自定义“myEvent”事件
    11.     this.context.eventHub.emit('myEvent', 1);
    12.     // 带2个参数触发自定义“myEvent”事件
    13.     this.context.eventHub.emit('myEvent', 2, 'test');
    14.  
    15.   }
    16.  
    17.   // 页面展示
    18.   build() {
    19.     Row(){
    20.       Column(){
    21.         Button('按钮')
    22.           .onClick(() => {
    23.             this.eventHubFunc();
    24.           })
    25.         Button('关闭')
    26.           .onClick(() => {
    27.             this.context.eventHub.off('myEvent');
    28.           })
    29.       }.width('100%')
    30.     }.height('100%')
    31.   }
    32. }

    点击“按钮”可以看到打印的日志信息，如果点击“关闭”后，再点击“打印”则看不到打印的日志了，因为调用eventHub.off()方法就会取消指定事件的订阅。

    7.2、使用AppStorage/LocalStorage进行数据同步

    ArkUI提供了AppStorage和LocalStorage两种应用级别的状态管理方案，可用于实现应用级别和UIAbility级别的数据同步。使用这些方案可以方便地管理应用状态，提高应用性能和用户体验。其中，AppStorage是一个全局的状态管理器，适用于多个UIAbility共享同一状态数据的情况；而LocalStorage则是一个局部的状态管理器，适用于单个UIAbility内部使用的状态数据。

    8、UIAbility组件间交互（设备内）

    IAbility是系统调度的最小单元。在设备内的功能模块之间跳转时，会涉及到启动特定的UIAbility，该UIAbility可以是应用内的其他UIAbility，也可以是其他应用的UIAbility。

    8.1、启动应用内的UIAbility

    如：应用内有两个UIAbility:EntryAbility和FuncAbility（它们可以是同一个Module或者不同的Module）需要从EntryAbility的页面中启动FuncAbility。

    1、在EntryAbility中，调用startAbility()方法启动UIAbility，want为UIAbility实例启动入口参数。

    新建工程后会自动生成一个EntryAbility,此时可以在ets点击右键-->New-->Ability(Ability的名称为：FuncAbility)，此时会在ets目录下新增一个funcability目录，其中有一个ts文件FuncAbility.ts

    在pages目录上点击右键-->New-->Page（Page的名称是：Func），此时会在pages目录中新增一个Func.ets

    修改FuncAbility.ts中的onWindowStageCreate()方法，让其中loadContent()的页面参数是'pages/Func'

    1. // Index.ets
    2. import common from '@ohos.app.ability.common'
    3. import Want from '@ohos.app.ability.Want'
    4.  
    5. @Entry
    6. @Component
    7. struct Index {
    8.   @State message: string = 'Hello World'
    9.  
    10.   build() {
    11.     Row() {
    12.       Column() {
    13.         Text(this.message)
    14.           .fontSize(50)
    15.           .fontWeight(FontWeight.Bold)
    16.           .margin({bottom:15})
    17.         Button('启动Func')
    18.           .type(ButtonType.Capsule)
    19.           .onClick(()=>{
    20.             let context: common.UIAbilityContext = getContext(this) as common.UIAbilityContext;
    21.             let want: Want = {
    22.               deviceId: '', // 这里为空表示是本设备
    23.               bundleName: 'com.xiaoixe', // 在app.json5中查找
    24.               // moduleName: 'entry', // 在module.json5中查找，如果待启动的ability在同一个module则可以不写
    25.               abilityName: 'FuncAbility', // 待启动ability的名称，在module.json5中查找
    26.               parameters: {
    27.                 info: '来自己EntryAbility Index页面',
    28.               },
    29.             }
    30.             context.startAbility(want).then(() => {
    31.               console.info('启动FuncAbility成功。')
    32.             }).catch((error:Error) => {
    33.               console.error(`启动FuncAbility失败。${error.name} - ${error.message}`)
    34.             })
    35.           })
    36.       }
    37.       .width('100%')
    38.     }
    39.     .height('100%')
    40.   }
    41. }
    1. // Func.ets
    2. @Entry
    3. @Component
    4. struct Func {
    5.   @State message: string = 'Func'
    6.  
    7.   build() {
    8.     Row() {
    9.       Column() {
    10.         Text(this.message)
    11.           .fontSize(50)
    12.           .fontWeight(FontWeight.Bold)
    13.       }
    14.       .width('100%')
    15.     }
    16.     .height('100%')
    17.   }
    18. }

    2、在FuncAbility的onCreate()或者是onNewWant()生命周期回调函数中接收EntryAbility传递过来的参数

    1. // FuncAbility.ts
    2. import UIAbility from '@ohos.app.ability.UIAbility';
    3. import hilog from '@ohos.hilog';
    4. import window from '@ohos.window';
    5.  
    6. export default class FuncAbility extends UIAbility {
    7.   onCreate(want, launchParam) {
    8.     hilog.info(0x0000, 'testTag', '%{public}s', 'Ability onCreate');
    9.     // 接收调用方传递过来的参数
    10.     let  funcAbilityWant = want;
    11.     let info = funcAbilityWant?.parameters?.info;
    12.     console.log(info);
    13.   }
    14.  
    15.     // ...
    16. }

    3、在FuncAbility业务完成后，如果需要停止当前UIAbility实例，在FuncAbility中通过调用terminateSelf()方法来实现

    1. // Func.ets
    2. import common from '@ohos.app.ability.common'
    3. @Entry
    4. @Component
    5. struct Func {
    6.   @State message: string = 'Func'
    7.  
    8.   build() {
    9.     Row() {
    10.       Column() {
    11.         Text(this.message)
    12.           .fontSize(50)
    13.           .fontWeight(FontWeight.Bold)
    14.           .margin({bottom:15})
    15.         Button('停止当前Ability')
    16.           .type(ButtonType.Capsule)
    17.           .onClick(()=>{
    18.             let context: common.UIAbilityContext = getContext(this) as common.UIAbilityContext;
    19.             context.terminateSelf((err) => {
    20.               if(err.code) {
    21.                 console.error(`停止失败 ${err.code} - ${err.message}`)
    22.               }
    23.             })
    24.           })
    25.       }
    26.       .width('100%')
    27.     }
    28.     .height('100%')
    29.   }
    30. }

    8.2、启动应用内UIAbility并获取返回结果

    当EntryAbility启动FuncAbility时，在FuncAbility完成相关业务后，可以把结果返回给调用方。

    1、在EntryAbility中的Index的页面中修改启以FuncAbility的方法，使用startAbilityForResult()方法，它会等待被启动的FuncAbility结束返回数据

    1. // Index.ets
    2. import common from '@ohos.app.ability.common'
    3. import Want from '@ohos.app.ability.Want'
    4.  
    5.  
    6. @Entry
    7. @Component
    8. struct Index {
    9.   @State message: string = 'Hello World'
    10.  
    11.   build() {
    12.     Row() {
    13.       Column() {
    14.         Text(this.message)
    15.           .fontSize(50)
    16.           .fontWeight(FontWeight.Bold)
    17.           .margin({bottom:15})
    18.         Button('启动Func')
    19.           .type(ButtonType.Capsule)
    20.           .onClick(()=>{
    21.             let context: common.UIAbilityContext = getContext(this) as common.UIAbilityContext;
    22.             let want: Want = {
    23.               deviceId: '', // 这里为空表示是本设备
    24.               bundleName: 'com.xiaoixe', // 在app.json5中查找
    25.               // moduleName: 'entry', // 在module.json5中查找，如果待启动的ability在同一个module则可以不写
    26.               abilityName: 'FuncAbility', // 待启动ability的名称，在module.json5中查找
    27.               parameters: {
    28.                 info: '来自己EntryAbility Index页面',
    29.               },
    30.             }
    31.             // 启动ability
    32.             // context.startAbility(want).then(() => {
    33.             //   console.info('启动FuncAbility成功。')
    34.             // }).catch((err:Error) => {
    35.             //   console.error(`启动FuncAbility失败。${err.name} - ${err.message}`)
    36.             // })
    37.             // 启动ability并获取返回结果
    38.             context.startAbilityForResult(want).then((data) => {
    39.               console.info('启动FuncAbility成功, ' + JSON.stringify(data));
    40.             }).catch((err:Error)=>{
    41.               console.error(`启动FuncAbility失败。${err.name} - ${err.message}`);
    42.             })
    43.           })
    44.       }
    45.       .width('100%')
    46.     }
    47.     .height('100%')
    48.   }
    49. }

    2、在FuncAbility中完成相关的操作，在停止Ability时构造相应的返回数据(common.AbilityResult类型数据结构)，并调用terminateSelfWithResult返回数据

    1. // Func.ets
    2. import common from '@ohos.app.ability.common'
    3. @Entry
    4. @Component
    5. struct Func {
    6.   @State message: string = 'Func'
    7.  
    8.   build() {
    9.     Row() {
    10.       Column() {
    11.         Text(this.message)
    12.           .fontSize(50)
    13.           .fontWeight(FontWeight.Bold)
    14.           .margin({bottom:15})
    15.         Button('停止当前Ability')
    16.           .type(ButtonType.Capsule)
    17.           .onClick(()=>{
    18.             let context: common.UIAbilityContext = getContext(this) as common.UIAbilityContext;
    19.             // 停止Ability
    20.             // context.terminateSelf((err) => {
    21.             //   if(err.code) {
    22.             //     console.error(`停止失败 ${err.code} - ${err.message}`)
    23.             //   }
    24.             // })
    25.             // 停止并返回结果给到启动它的Ability
    26.             let abilityResult: common.AbilityResult = {
    27.               resultCode: 200,
    28.               want: {
    29.                 bundleName: 'com.xiaoixe',
    30.                 moduleName: 'entry',
    31.                 abilityName: 'FuncAbility',
    32.                 parameters: {
    33.                   info:'来自FuncAbility Func页面'
    34.                 },
    35.               },
    36.             }
    37.             context.terminateSelfWithResult(abilityResult,(err) => {
    38.               console.error(`停止失败 ${err.code} - ${err.message}`)
    39.             })
    40.           })
    41.       }
    42.       .width('100%')
    43.     }
    44.     .height('100%')
    45.   }
    46. }

    8.3、启动其他应用的UIAbility

    启动UIAbility有显式Want启动和隐式want启动两种方式

    显示Want启动：启动一个确定应用的UIAbility，在want参数中需要设置这个应用bundleName和abilityName，当需要拉起某个明确的UIAbility时，通常使用显式want启动方式

    隐式Want启动：根据条件由用户选择启动哪一个UIAbility,也就是不明确指出要启动哪

  • 相关阅读:
    企业电子招投标系统源码之电子招投标系统建设的重点和未来趋势
    合成孔径雷达干涉测量InSAR数据处理、地形三维重建、形变信息提取、监测等应用
    [安洵杯 2019]easy_web
    python神经网络编程 豆瓣,python神经网络库 keras
    Linux安装Git-两种方式详细教程）
    Linux - 调查系统盘内哪个文件的占用大小 - 删除冗余文件的学习记录
    最新JMeter面试题，紧扣面试实际要求，看完拿下20K
    18.10 组复制常见问题
    服务器IPMI管理操作
    时隔六年，FreeDOS终于更新，是否还能与Windows一战？
  • 原文地址：https://blog.csdn.net/advent86/article/details/134380374