鸿蒙6.0应用开发——桌面快捷访问开发
随着应用的功能越来越复杂,用户在使用应用时,找到某个功能的操作步骤也在变得更加繁琐。为了提升用户体验,可以对应用中常用的功能创建对应的桌面快捷方式,以达到快速启动应用、一键直达特定功能等目的。
鸿蒙6.0应用开发——桌面快捷访问开发
概述
随着应用的功能越来越复杂,用户在使用应用时,找到某个功能的操作步骤也在变得更加繁琐。为了提升用户体验,可以对应用中常用的功能创建对应的桌面快捷方式,以达到快速启动应用、一键直达特定功能等目的。例如相机应用的 “快速拍照”、便签应用的 “新建便签” 和地图应用的“常用地点导航”等功能的快捷方式,用户通过快捷方式可以快速进入特定功能页面,既能大大提高操作效率,同时也增加了用户对应用的依赖性。使用快捷方式,还可以实现个性化定制的需求,创建多个快捷方式,以满足个性化的工作流程和操作偏好。
场景介绍
以导航场景为例,当用户使用地图应用导航时,通常是先搜索目的地,然后开始导航。为了提升导航效率和提高操作便捷性,可以给该地图应用添加常去地点的导航快捷方式,如去公司、回家等。添加常去地点(例如公司、家等)的快捷方式后,用户即可通过长按应用图标,打开快捷方式入口,快速开启导航。
快捷方式创建成功后支持以下启动方式:
-
点击快捷方式入口列表中的“回家”项,即可快速打开地图应用,开启从当前位置到家的导航路线选择。

-
长按快捷方式入口列表中的“回家”项,可将其拖动至桌面,点击桌面对应图标,即可开启从当前位置到家的导航路线选择。

说明
本文以单HAP包为场景,讲述了快捷方式的实现步骤。多HAP包的场景下, 步骤与单HAP包一致,都是在entry文件夹下进行shortcuts_config.json的创建和module.json5的配置。
实现原理
关键技术
使用shortcuts来配置应用的快捷方式,其配置值为数组,包含四个子标签shortcutId、label、icon、wants。
-
shortcutId:标识快捷方式的ID,取值为长度不超过63字节的字符串。
-
label:标识快捷方式的标签信息,即快捷方式对外显示的文字描述信息。取值为长度不超过255字节的字符串,可以是描述性内容,也可以是标识label的资源索引。
-
icon:标识快捷方式的图标,取值为资源文件的索引。
-
wants:标识快捷方式内定义的目标wants信息集合,wants中可配置如下参数:
属性名称 含义 bundleName 表示快捷方式的目标包名。 moduleName 表示快捷方式的目标模块名。 abilityName 表示快捷方式的目标组件名。 parameters 表示拉起快捷方式时的自定义数据,仅支持配置字符串类型的数据。其中键值均最大支持1024长度的字符串。
shortcuts配置完成后,还需要在module.json5配置文件中配置metadata字段来指定应用的快捷方式配置文件,从而完成快捷方式的基本配置。
说明
通过在module.json5配置文件中配置metadata字段的快捷方式是一种在系统中创建的可以快速访问应用程序或特定功能的链接,与卡片的区别在于:快捷方式只允许跳转至某个具体的UIAbility,无法直接跳转至非入口页面。
实现流程
给地图应用添加常用地点的导航快捷方式需要进行如下步骤:
-
创建页面并配置页面的路由信息。首先需要创建对应的快捷方式页面,且页面组件需要用@Entry装饰。然后在resources/base/profile下的main_pages.json文件中添加对应快捷方式页面的路由信息。
{ "src": [ "pages/Index", "pages/GoHouse", "pages/GoCompany" ] } -
在/resources/base/profile/目录下创建名为shortcuts_config.json的文件,并在文件中定义应用快捷方式的相关配置。其中shortcutId表示快捷方式的ID、label表示快捷方式对外显示的文字描述信息、icon表示快捷方式的图标、
wants
中则是快捷方式内定义的目标wants信息集合。通过wants中的parameters参数来指定拉起快捷方式时的自定义数据。
{ "shortcuts": [ { "shortcutId": "id_company", "label": "$string:Go_to_the_Company", "icon": "$media:company", "wants": [ { "bundleName": "com.example.desktopshortcuts", "moduleName": "entry", "abilityName": "EntryAbility", "parameters": { "shortCutKey": "CompanyPage" } } ] }, { "shortcutId": "id_house", "label": "$string:Go_to_House", "icon": "$media:house", "wants": [ { "bundleName": "com.example.desktopshortcuts", "moduleName": "entry", "abilityName": "EntryAbility", "parameters": { "shortCutKey": "HousePage" } } ] } ] } -
在module.json5配置文件中的abilities标签下的metadata中设置resource属性值为$profile:shortcuts_config,指定应用的快捷方式配置文件,即使用shortcuts_config.json文件中的shortcuts配置。
{ "module": { // ... "abilities": [ { "name": "EntryAbility", "srcEntry": "./ets/entryability/EntryAbility.ets", // ... "skills": [ { "entities": [ "entity.system.home" ], "actions": [ "ohos.want.action.home" ] } ], "metadata": [ { "name": "ohos.ability.shortcuts", "resource": "$profile:shortcuts_config" } ] } ], // ... } } -
定义跳转到指定页面的方法。在步骤2中,通过parameters参数来指定了拉起快捷方式时的自定义数据 ,如"shortCutKey": “HousePage”。此时,可以通过获取want中的parameters里的shortCutKey来判断用户使用了哪种快捷方式,从而进行对应的页面跳转。如用户使用了“回家”的快捷方式进行导航,则获取到的shortCutKey的值为HousePage。
export function goToSpecifyPage(context: UIContext, want?: Want) { let shortCutKey = want?.parameters?.shortCutKey; if (shortCutKey && shortCutKey === 'CompanyPage') { context.getRouter().pushUrl({ url: 'pages/GoCompany' }).catch((err: BusinessError) => { hilog.error(0x0000, 'testTag', `Failed to push url. Code is ${err.code}, message is ${err.message}`); }); } if (shortCutKey && shortCutKey === 'HousePage') { context.getRouter().pushUrl({ url: 'pages/GoHouse' }).catch((err: BusinessError) => { hilog.error(0x0000, 'testTag', `Failed to push url. Code is ${err.code}, message is ${err.message}`); }); } }代码逻辑走读:
- 函数
goToSpecifyPage接收两个参数:context(UI上下文)和want(可选的Want对象)。 - 从
want对象中提取parameters属性,进而获取shortCutKey的值。 - 第一个条件判断:如果
shortCutKey存在且等于'CompanyPage',则调用context.getRouter().pushUrl方法,尝试导航到'pages/GoCompany'页面。 - 如果导航失败,使用
hilog.error记录错误信息,包括错误代码和错误消息。 - 第二个条件判断:如果
shortCutKey存在且等于'HousePage',则调用context.getRouter().pushUrl方法,尝试导航到'pages/GoHouse'页面。 - 如果导航失败,使用
hilog.error记录错误信息,包括错误代码和错误消息。
- 函数
-
最后,需要在Index.ets文件中定义newWantChange()方法,并在该方法中调用步骤4的goToSpecifyPage()方法,并将want作为参数传入。其中,want需要在EntryAbility.ets文件中的onNewWant()方法中通过AppStorage存入,然后在newWantChange()方法中获取。
newWantChange(): void { if (this.isNewWant && AppStorage.has('want')) { let want: Want | undefined = AppStorage.get('want'); if (want?.parameters?.shortCutKey) { this.isNewWant = false; goToSpecifyPage(this.getUIContext(), want); } } }
更多推荐




所有评论(0)