HarmonyOS 鸿蒙Next ArkTS语言教程入门学习第57天,启动指定页面。

发布于 1周前 作者 nodeper 来自 鸿蒙OS

HarmonyOS 鸿蒙Next ArkTS语言教程入门学习第57天,启动指定页面。 1、启动指定页面

当PageAbility的启动模式设置为单例时(具体设置方法和典型场景示例见PageAbility的启动模式,缺省情况下是单实例模式),若PageAbility已被拉起,再次启动PageAbility会触发onNewWant回调(即非首次拉起)。应用开发者可以通过want传递启动参数,例如开发者希望指定页面启动PageAbility,

可以通过want中的parameters参数传递pages信息,具体示例代码如下:

调用方PageAbility的app.ets中或者page中,使用startAbility再次拉起PageAbility,通过want中的uri参数传递页面信息:

import featureAbility from '@ohos.ability.featureAbility';

async function restartAbility() {
    let wantInfo = {
        bundleName: "com.sample.MyApplication",
        abilityName: "MainAbility",
        parameters: {
            page: "pages/second"
        }
    };
    featureAbility.startAbility({
        want: wantInfo
    }).then((data) => {
        console.info('restartAbility success.');
    });
}

在目标端PageAbility的onNewWant回调中获取包含页面信息的want参数:

export default {  
    onNewWant(want) {    
        globalThis.newWant = want  
    }
}

在目标端页面的自定义组件中获取包含页面信息的want参数并根据uri做路由处理:

import router from '@ohos.router'
@Entry
@Component
struct Index {
  @State message: string = 'Router Page'
  newWant = undefined
  onPageShow() {
    console.info('Index onPageShow')
    let newWant = globalThis.newWant
    if (newWant.hasOwnProperty("page")) {
      router.push({ url: newWant.page });
      globalThis.newWant = undefined
    }
  }

  build() {
    Row() {
      Column() {
        Text(this.message)
          .fontSize(50)
          .fontWeight(FontWeight.Bold)
      }
      .width('100%')
    }
    .height('100%')
  }
}

当PageAbility的启动模式设置为标准模式或为首次启动单例模式的PageAbility时(具体设置方法和典型场景示例见PageAbility的启动模式),在调用方PageAbility中,

通过want中的parameters参数传递要启动的指定页面的pages信息,调用startAbility()方法启动PageAbility。被调用方可以在onCreate中使用featureAbility的getWant方法获取want,再通过调用router.push实现启动指定页面。

调用方的页面中实现按钮点击触发startAbility方法启动目标端PageAbility,startAbility方法的入参want中携带指定页面信息,示例代码如下:

import featureAbility from '@ohos.ability.featureAbility'
@Entry
@Component
struct Index {
  @State message: string = 'Hello World'

  build() {
    // ...
    Button("startAbility")
      .onClick(() => {
        featureAbility.startAbility({
          want: {
            bundleName: "com.exm.myapplication",
            abilityName: "com.exm.myapplication.MainAbility",
            parameters: { page: "pages/page1" }
          }
        }).then((data) => {
          console.info("startAbility finish");
        }).catch((err) => {
          console.info("startAbility failed errcode:" + err.code)
        })
      })
    // ...
    Button("page2")
      .onClick(() => {
        featureAbility.startAbility({
          want: {
            bundleName: "com.exm.myapplication",
            abilityName: "com.exm.myapplication.MainAbility",
            parameters: { page: "pages/page2" }
          }
        }).then((data) => {
          console.info("startAbility finish");
        }).catch((err) => {
          console.info("startAbility failed errcode:" + err.code)
        })
      })
    // ...
  }
}

目标端PageAbility的onCreate生命周期回调中通过featureAbility的getWant方法获取want,并对参数进行解析,实现指定页面拉起:

import featureAbility from '@ohos.ability.featureAbility';
import router from '@ohos.router';

export default {
  onCreate() {
    featureAbility.getWant().then((want) => {
      if (want.parameters.page) {
        router.push({
          url: want.parameters.page
        })
      }
    })
  },
  onDestroy() {
    // ...
  },
}

2、窗口属性

具体获取窗口实例、设置窗口属性的接口描述及示例见接口文档

3、申请授权

应用需要获取用户的隐私信息或使用系统能力时,例如获取位置信息、使用相机拍摄照片或录制视频等,需要向用户申请授权。

在开发过程中,首先需要明确涉及的敏感权限并在config.json中声明需要的权限,同时通过接口requestPermissionsFromUser以动态弹窗的方式向用户申请授权。

在config.json声明需要的权限,在module下添加"reqPermissions",并写入对应权限。

如申请访问日历权限,需要申请ohos.permission.READ_CALENDAR权限,配置方式请参阅访问控制授权申请指导

对应config.json文件的示例代码如下所示:

{
  "module": {
    // ...
    "reqPermissions": [
      {
        "name": "ohos.permission.READ_CALENDAR"
        // ...
      }
    ]
  }
}

通过动态弹窗向用户申请授权:

import featureAbility from '@ohos.ability.featureAbility';

let context = featureAbility.getContext();  
let permissions: Array<string> = ['ohos.permission.READ_CALENDAR']
context.requestPermissionsFromUser(permissions, 1).then((data) => {    
    console.info("Succeed to request permission from user with data: " + JSON.stringify(data))
}).catch((error) => {    
    console.info("Failed to request permission from user with error: " + JSON.stringify(error))
})

4、跳转规则

一般情况下,应用中的界面跳转由用户触发,应用本身通过startAbility启动跳转其他界面。

PageAbility作为可见Ability,可以通过startAbility启动有界面的且对外可见的Ability。

应用可通过在config.json中设置"abilities"中的"visible"属性设置Ability是否可由其他应用的组件启动,

"visible"属性的具体参数和意义如下表所示。

表1 visible属性说明

属性名称 描述 是否可缺省
visible 表示Ability是否可以被其他应用调用。
true:该Ability可以被任何应用调用。
false:该Ability只能被同一应用的其他组件调用。
可缺省,缺省时默认属性值为"false"。

如果需设置当前Ability可由任何应用访问,对应config.json文件的示例代码如下所示:

{
  "module": {
    // ...
    "abilities": [
      {
        "visible": "true",
        // ...
      }
    ]
  }
}

如果应用中的Ability包含skills过滤器,建议此属性设置为"true",以允许其他应用通过隐式调用启动该Ability。如果此属性设为"false",其他应用尝试启动该Ability时系统会返回PERMISSION_DENIED。这种情况下系统应用可以通过申请START_INVISIBLE_ABILITY权限启动visible为false的组件,例如系统桌面、语音助手、搜索助手等。


更多关于HarmonyOS 鸿蒙Next ArkTS语言教程入门学习第57天,启动指定页面。的实战系列教程也可以访问 https://www.itying.com/category-93-b0.html

2 回复

在HarmonyOS中,使用ArkTS语言启动指定页面主要涉及页面路由的配置和跳转。首先,在pages目录下定义目标页面的路径,例如pages/Index。然后在src/main/resources/base/profile目录下的main_pages.json文件中配置页面路由,确保目标页面在路由表中。

接下来,在需要跳转的页面中,使用router.push方法进行页面跳转。例如,假设目标页面的路径为pages/Detail,可以在当前页面的代码中调用router.push({ url: 'pages/Detail' })来实现跳转。如果需要传递参数,可以通过params对象传递,例如router.push({ url: 'pages/Detail', params: { id: 123 } })

在目标页面中,可以通过router.getParams方法获取传递的参数。例如,在Detail页面的onPageShow生命周期方法中,可以使用const params = router.getParams();来获取传递的参数。

此外,如果需要返回上一页,可以使用router.back方法。例如,router.back()会返回到上一个页面。

总结来说,启动指定页面的步骤包括:配置页面路由、使用router.push进行跳转、传递参数(可选)、在目标页面获取参数(可选)、使用router.back返回上一页(可选)。

更多关于HarmonyOS 鸿蒙Next ArkTS语言教程入门学习第57天,启动指定页面。的实战系列教程也可以访问 https://www.itying.com/category-93-b0.html


在鸿蒙Next中,使用ArkTS语言启动指定页面主要依赖router模块。首先,在pages目录下创建目标页面文件,如TargetPage.ets。然后在主页面中,通过import引入router模块,使用router.pushUrl方法跳转至目标页面。例如:

import router from '@ohos.router';

router.pushUrl({ url: 'pages/TargetPage' })
  .then(() => { console.log('跳转成功'); })
  .catch((err) => { console.error('跳转失败', err); });

确保在main_pages.json中配置了目标页面的路由信息。

回到顶部
AI 助手
你好,我是IT营的 AI 助手
您可以尝试点击下方的快捷入口开启体验!