鸿蒙NEXT开发【创建服务卡片】DevEco Studio模块管理

概述

服务卡片可将元服务/应用的重要信息以卡片的形式展示在桌面,用户可通过快捷手势使用卡片,通过轻量交互行为实现服务直达、减少层级跳转的目的。

不同的SDK版本提供的卡片模板不同:

  • 当前提供如下卡片模板:

    模板名称支持的设备支持的开发语言模板描述
    Hello WorldPhone、Tablet、2in1ArkTS、JSHelloWorld卡片,用于高效直观地构建UI。当前Hello World卡片模板支持使用6*4尺寸。
    Image With Information(图文卡片模板)Phone、Tablet、2in1ArkTS、JS图文卡片模板主要在于展现图片和一定数量文本的搭配,在这种布局下,图片和文本属于同等重要的信息。在不同尺寸下,图片大小和文本数量会发生一定变化,用于凸显关键信息。
    Immersive Information(沉浸图文卡片模板)Phone、Tablet、2in1ArkTS、JS沉浸式卡片的装饰性较强,能够较好的提升卡片品质感并起到装饰桌面的作用,合理的去布局信息与背景图片之间的空间比例,可以提升用户的个性化使用体验。
    ListPhone、Tablet、2in1ArkTS提供基本的列表功能。当前仅动态卡片支持在API 11及以上工程创建List卡片模板。
    Control ButtonPhone、Tablet、2in1ArkTS操控类型的卡片,展示文本信息与按钮操作,点击按钮响应事件。当前仅静态卡片支持API 11及以上工程创建Control Button卡片模板。
    Control SearchPhone、Tablet、2in1ArkTS操控类型的卡片,适用于搜索场景。当前仅静态卡片支持API 11及以上工程创建Control Search卡片模板。

使用约束

  • 每个module最多可以配置16张服务卡片。
  • 卡片不支持调试。
  • 元服务不支持创建JS卡片。

创建服务卡片

[创建一个工程]后,可以通过如下方法进行创建服务卡片:

  1. 创建服务卡片包括如下两种方式:

    • 选择模块(如entry模块)下的任意文件,单击菜单栏File > New > Service Widget创建服务卡片。
    • 选择模块(如entry模块)下的任意文件,单击右键 > New > Service Widget创建服务卡片。

    说明

    • API 11 Stage模型及以上,创建元服务工程或在元服务工程中创建模块时,不再默认创建服务卡片和EntryCard。
    • API 10及以上Stage模型的工程中,在Service Widget菜单可直接选择[创建动态/静态卡片]。
  2. Choose a Template for Your Service Widget界面中,选择卡片模板,单击Next

    外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传

  3. Configure Your Service Widget界面中,配置卡片的基本信息,包括:

    • Service widget name:卡片的名称,在同一个应用/服务中,卡片名称不能重复,且只能包含大小写字母、数字和下划线。
    • Display name:卡片预览面板上显示的卡片名称。仅API 11 及以上Stage工程支持配置该字段。
    • Description:卡片的描述信息。
    • Language: 界面开发语言,可选择创建ArkTS/JS卡片。
    • Support dimension:选择卡片的规格。部分卡片支持同时设置多种规格。首次创建服务卡片时,将默认生成一个EntryCard目录,用于存放卡片快照。
    • Default dimension:在下拉框中可选择默认的卡片。
    • Ability name: 选择一个挂靠服务卡片的Form Ability,或者创建一个新的Form Ability。
    • Module name: 卡片所属的模块。

    外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传

  4. 单击Finish完成卡片的创建。创建完成后,工具会自动创建出服务卡片的布局文件,并在form_config.json文件中写入服务卡片的属性字段。

    外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传

  5. 卡片创建完成后,请根据开发指导,完成服务卡片的开发。

创建动态/静态卡片

DevEco Studio支持创建静态/动态卡片。动态卡片支持自定义交互、动效、滑动等功能,功能丰富但内存占用较大;静态卡片内存占用较小,有助实现整机内存优化,可实现静态信息展示、刷新和点击跳转。

说明

当前仅API 10及以上Stage模型支持开发静态卡片。

[创建服务卡片]后,在form_config.json文件中,可修改isDynamic参数配置。isDynamic置空或为"true",则该卡片为动态卡片;若赋值为"false",则该卡片为静态卡片。

外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传

预览服务卡片

在开发服务卡片过程中,支持对卡片进行实时预览。服务卡片通过ArkTS、JS文件进行布局设计,在开发过程中,可以对布局文件进行实时预览,只要在布局文件中保存了修改的源代码,在预览器中就可以实时查看布局效果。在Phone和Tablet服务卡片的预览效果中,每个尺寸的服务卡片提供3种场景的预览效果,分别为极窄(Minimum)、默认(Default)、极宽(Maximum),开发者应确保三种尺寸的显示效果均正常,以便适应不同屏幕尺寸的设备。

外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传

最后呢

很多开发朋友不知道需要学习那些鸿蒙技术?鸿蒙开发岗位需要掌握那些核心技术点?为此鸿蒙的开发学习必须要系统性的进行。

而网上有关鸿蒙的开发资料非常的少,假如你想学好鸿蒙的应用开发与系统底层开发。你可以参考这份资料,少走很多弯路,节省没必要的麻烦。由两位前阿里高级研发工程师联合打造的《鸿蒙NEXT星河版OpenHarmony开发文档》里面内容包含了(ArkTS、ArkUI开发组件、Stage模型、多端部署、分布式应用开发、音频、视频、WebGL、OpenHarmony多媒体技术、Napi组件、OpenHarmony内核、Harmony南向开发、鸿蒙项目实战等等)鸿蒙(Harmony NEXT)技术知识点

如果你是一名Android、Java、前端等等开发人员,想要转入鸿蒙方向发展。可以直接领取这份资料辅助你的学习。下面是鸿蒙开发的学习路线图。

在这里插入图片描述

针对鸿蒙成长路线打造的鸿蒙学习文档。话不多说,我们直接看详细鸿蒙(OpenHarmony )手册(共计1236页)与鸿蒙(OpenHarmony )开发入门视频,帮助大家在技术的道路上更进一步。

  • 《鸿蒙 (OpenHarmony)开发学习视频》
  • 《鸿蒙生态应用开发V2.0白皮书》
  • 《鸿蒙 (OpenHarmony)开发基础到实战手册》
  • OpenHarmony北向、南向开发环境搭建
  • 《鸿蒙开发基础》
  • 《鸿蒙开发进阶》
  • 《鸿蒙开发实战》

在这里插入图片描述

总结

鸿蒙—作为国家主力推送的国产操作系统。部分的高校已经取消了安卓课程,从而开设鸿蒙课程;企业纷纷跟进启动了鸿蒙研发。

并且鸿蒙是完全具备无与伦比的机遇和潜力的;预计到年底将有 5,000 款的应用完成原生鸿蒙开发,未来将会支持 50 万款的应用。那么这么多的应用需要开发,也就意味着需要有更多的鸿蒙人才。鸿蒙开发工程师也将会迎来爆发式的增长,学习鸿蒙势在必行! 自↓↓↓拿
1

### 如何在模拟器中实现或设计服务卡片功能 #### 设计与实现概述 为了在 HarmonyOS 的模拟器环境中实现服务卡片的功能,开发者可以利用 HUAWEI DevEco Studio 提供的相关工具链完成项目的构建、配置和服务卡片的设计。以下是关于如何通过模拟器实现服务卡片的具体说明。 --- #### 创建项目并初始化环境 HUAWEI DevEco Studio开发 HarmonyOS 应用的核心工具之一[^1]。开发者可以通过该 IDE 完成新项目的创建,并选择支持服务卡片的应用模板。具体操作如下: - 打开 HUAWEI DevEco Studio 并新建一个 HarmonyOS 项目。 - 在项目向导中选择适合的服务卡片应用模板。 - 配置目标设备类型为“手机”或其他兼容的终端设备。 此过程确保了基础框架能够适配后续的服务卡片开发需求。 --- #### 实现服务卡片的关键组件 基于 HarmonyOS NEXT 版本中的核心特性——元服务卡片(Service Widget),开发者需关注以下几个关键模块来实现服务卡片功能[^2]: 1. **FormExtensionAbility** - `FormExtensionAbility` 负责处理卡片的生命周期事件,例如创建、销毁和刷新等。 - 开发者可以在对应的回调函数中定义业务逻辑,从而动态调整卡片的内容或样式。 2. **FormBindingData** - 使用 `formBindingData` 绑定数据到卡片界面,允许实时更新卡片上的展示信息。 - 数据绑定通常涉及 JSON 或其他序列化的数据结构,便于跨平台传输和解析。 3. **页面布局 (WidgetCard.ets)** - 利用声明式 UI 接口编写卡片的视觉表现形式。 - 示例代码片段展示了基本的布局方式: ```javascript @Entry @Component struct MyCard { build() { Column() { Text('这是一个简单的服务卡片') .fontSize(16) .fontWeight(FontWeight.Bold) Button('点击更新') { console.info('按钮被点击'); } } .width('100%') .height('100%') .padding({ top: 10, bottom: 10 }) } } ``` 上述代码实现了带有文字和按钮的基础服务卡片界面[^4]。 --- #### 运行与测试 当服务卡片开发完成后,可在 HUAWEI DevEco Studio 中启动内置的模拟器进行运行和调试。以下步骤指导如何验证服务卡片的效果: - 启动模拟器并将目标设备设置为支持服务卡片的机型。 - 将编译后的 APK 文件安装至模拟器中。 - 在模拟器界面上找到已部署的服务卡片入口,并观察其显示效果。 如果遇到异常情况,则需要检查存储路径是否符合 FAT32 格式的要求,同时避免文件名中含有特殊字符或中文名称[^5]。 --- #### 总结 综上所述,在 HarmonyOS 模拟器环境下实现服务卡片功能是一项综合性的任务,涵盖了从项目搭建到实际运行的多个环节。借助 HUAWEI DevEco Studio 和相关 API 支持,开发者可以高效地完成这一目标。 ---
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值