0
  • 聊天消息
  • 系统消息
  • 评论与回复
登录后你可以
  • 下载海量资料
  • 学习在线课程
  • 观看技术视频
  • 写文章/发帖/加入社区
会员中心
创作中心

完善资料让更多小伙伴认识你,还能领取20积分哦,立即完善>

3天内不再提示

鸿蒙系统如何创建防疫一码通卡片

华为麒麟 来源:软通动力HOS 作者:软通动力HOS 2021-08-20 10:13 次阅读

创建“一码通”服务卡片工程

①安装和配置 DevEco Studio 2.1 Release

安装的链接:

https://developer.harmonyos.com/cn/develop/deveco-studio IDE 的使用指南,很详细:https://developer.harmonyos.com/cn/docs/documentation/doc-guides/tools_overview-0000001053582387

我的本案例使用的最新的 2.1.0.501 版本,SDK:API Version 5。

②创建一个 Empty Java Phone 应用

点击 Next:

点击 Finish 完成创建一码通服务卡片工程。

③一码通服务卡片页面布局

首先完成一码通服务卡片页面的布局,代码:

8e3282e4-00ee-11ec-9bcf-12bb97331649.png

一码通服务卡片实现

第一步:卡片生成

鼠标放在项目的包路径上,然后右击,点击“Service Widget”,然后就可以创建服务卡片:

选择“Basic”高级模式,然后在 Template 中选择 “Grid Pattern”模板,然后点击 Next:

然后给服务卡片起名字,这里要就写个“OneCodePass”,选择生成卡片的样式,分别为 1X2、2X2、2X4 规格,然后点击“Finish”完成创建。

然后会生成相关的模板代码,以下是代码的框架:

8edf0668-00ee-11ec-9bcf-12bb97331649.png

8fa1e624-00ee-11ec-9bcf-12bb97331649.png

然后对 OneCodePassAbility.java 和 form_grid_pattern_onecodepass_*.xml 布局文件修改,并新增准备好的资源文件。

第二步:卡片布局的修改

我们制作了一个 1X2、2X2 和 2X4 的卡片,布局效果如下所示:

1X2 卡片布局:

90c6fd28-00ee-11ec-9bcf-12bb97331649.png

2X2 卡片布局:

90f8faf8-00ee-11ec-9bcf-12bb97331649.png

2X4 卡片布局:

912fd172-00ee-11ec-9bcf-12bb97331649.png

第三步:卡片信息创建、更新、删除

对卡片进行操作时,需要将创建的卡片信息持久化,以便在下次获取/更新该卡片实例时进行使用。

我们采用对象关系型数据库来存储卡片信息,主要是在卡片创建的回调函数 onCreateForm 和卡片销毁的回调函数 onDeleteForm 中存储和删除卡片信息。

卡片需要存储的信息包括:卡片 ID、卡片名称、卡片大小(2X2 还是 2X4 等),代码如下所示。

存储卡片信息:

9190c3c4-00ee-11ec-9bcf-12bb97331649.png

更新卡片信息:

91e05b46-00ee-11ec-9bcf-12bb97331649.png

删除卡片信息:

923d8d3e-00ee-11ec-9bcf-12bb97331649.png

卡片创建完成。

第四步:卡片在桌面的创建方式

手机桌面上卡片的创建方式分为:设为上滑卡片或添加到桌面。

第五步:卡片的点击跳转

卡片默认跳转到个人健康码,可以查看个人的健康码详情。

点击个人中心

点击常住人注册:

卡片页面跳转功能的重点代码如下:

973196d2-00ee-11ec-9bcf-12bb97331649.png

97c6a39e-00ee-11ec-9bcf-12bb97331649.png

97f48aac-00ee-11ec-9bcf-12bb97331649.png

9852d1de-00ee-11ec-9bcf-12bb97331649.png

通过案例充分说明了卡片的独特优点:能够将 FA 的重要信息或操作前置到卡片,以达到服务直达,减少体验层级目的。

总结和回顾

本文通过一码通服务卡片,手把手的教会大家如何实现一个 HarmonyOS Java 卡片,你将学会以下知识点:

如何使用模板创建卡片

卡片的布局

卡片信息创建、更新和删除过程

卡片的点击跳转事件

除此以外,你还会学到:

①如何使用webview控件进行网络请求获取数据

98b5d8ce-00ee-11ec-9bcf-12bb97331649.png

9852d1de-00ee-11ec-9bcf-12bb97331649.png

②如何使用偏好型数据库,缓存卡片信息

创建服务卡片:

99381a96-00ee-11ec-9bcf-12bb97331649.png

996243a2-00ee-11ec-9bcf-12bb97331649.png

更新服务卡片:

99913900-00ee-11ec-9bcf-12bb97331649.png

删除服务卡片:

9abad5f2-00ee-11ec-9bcf-12bb97331649.png

9ae83a9c-00ee-11ec-9bcf-12bb97331649.png

责任编辑:haq

声明:本文内容及配图由入驻作者撰写或者入驻合作网站授权转载。文章观点仅代表作者本人,不代表电子发烧友网立场。文章及其配图仅供工程师学习之用,如有内容侵权或者其他违规问题,请联系本站处理。 举报投诉
  • 操作系统
    +关注

    关注

    37

    文章

    6808

    浏览量

    123291
  • 鸿蒙系统
    +关注

    关注

    183

    文章

    2634

    浏览量

    66308
  • HarmonyOS
    +关注

    关注

    79

    文章

    1974

    浏览量

    30149

原文标题:阻击“德尔塔”:鸿蒙防疫一码通卡片

文章出处:【微信号:Huawei_Kirin,微信公众号:华为麒麟】欢迎添加关注!文章转载请注明出处。

收藏 人收藏

    评论

    相关推荐

    鸿蒙原生开发手记:03-元服务开发全流程(开发元服务,只需要看这篇文章)

    导读 本文带来非常详细的元服务开发及上架全流程介绍包含元服务介绍、创建、服务卡片、签名、开发测试、签名打包、上架审核等应俱全。 元服务简介 元服务是种新的服务提供方式 开发简单、
    发表于 11-23 21:52

    鸿蒙原生开发手记:02-服务卡片开发

    介绍 服务卡片直桌面小组件,可以放置在桌面上等位置,触即达。 服务卡片分为静态卡片和动态卡片
    发表于 11-14 17:48

    鸿蒙原生开发手记:01-元服务开发

    简介 元服务是鸿蒙中的种轻量应用形态,无需下载,直接运行。类似于微信小程序,但与小程序不同的是,元服务更加轻量。 元服务使用原生开发,是系统级提供的,无论从易用性、性能、体验上,都要比小程序好
    发表于 11-14 17:28

    基于鸿蒙Next模拟卡片数据数据更新

    、介绍 基于鸿蒙Next模拟卡片数据数据更新二、场景需求 电商平台产品信息更新、 客户关系管理(CRM)系统、 社交媒体用户资料更新、 健康管理
    发表于 08-30 15:32

    AIGC系统中聊天小助手卡片小组件嵌套设计实践

    1.项目描述 领航者卡片样式较多,有些卡片比较近似;可以用嵌套方案,实现卡片,多个子单元 可拔插组件式卡片。 2.逻辑设计 2.1
    的头像 发表于 06-12 11:20 812次阅读
    AIGC<b class='flag-5'>系统</b>中聊天小助手<b class='flag-5'>卡片</b>小组件嵌套设计实践

    鸿蒙开发接口Ability框架:【@ohos.application.formBindingData (卡片数据绑定类)】

    卡片数据绑定模块提供卡片数据绑定的能力。包括FormBindingData对象的创建、相关信息的描述。
    的头像 发表于 05-06 17:25 486次阅读
    <b class='flag-5'>鸿蒙</b>开发接口Ability框架:【@ohos.application.formBindingData (<b class='flag-5'>卡片</b>数据绑定类)】

    OpenHarmony开发案例:【电影卡片

    基于元服务卡片的能力,实现带有卡片的电影应用,介绍卡片的开发过程和生命周期实现。
    的头像 发表于 04-15 17:53 1262次阅读
    OpenHarmony开发案例:【电影<b class='flag-5'>卡片</b>】

    鸿蒙OS开发案例:【Stage模型卡片

    本示例展示了Stage模型卡片提供方的创建与使用。
    的头像 发表于 04-09 17:13 987次阅读
    <b class='flag-5'>鸿蒙</b>OS开发案例:【Stage模型<b class='flag-5'>卡片</b>】

    鸿蒙OS实战开发:【多设备自适应服务卡片

    服务卡片的布局和使用,其中卡片内容显示使用了次开发,多端部署的能力实现多设备自适应。 用到了卡片扩展模块接口,[@ohos.app.form.FormExtensionAbil
    的头像 发表于 04-09 09:20 857次阅读
    <b class='flag-5'>鸿蒙</b>OS实战开发:【多设备自适应服务<b class='flag-5'>卡片</b>】

    鸿蒙OS开发实例:【手撸服务卡片

    服务卡片指导文档位于“**开发/应用模型/Stage模型开发指导/Stage模型应用组件**”路径下,说明其极其重要。本篇文章将分享实现服务卡片的过程和代码
    的头像 发表于 03-28 22:11 1191次阅读
    <b class='flag-5'>鸿蒙</b>OS开发实例:【手撸服务<b class='flag-5'>卡片</b>】

    鸿蒙】桌面卡片开发教程:从底层原理开始讲透call事件的刷新机制 “坚果派-咸鱼”

    为什么桌面卡片需要使用特殊机制来刷新? 主要有两个原因:第是 OpenHarmonyOS Api9 的桌面卡片出于降低系统能耗的目的,被限制了只有 5 秒的活动时间。超过 5 秒以后
    的头像 发表于 03-04 10:02 714次阅读
    【<b class='flag-5'>鸿蒙</b>】桌面<b class='flag-5'>卡片</b>开发教程:从底层原理开始讲透call事件的刷新机制 “坚果派-咸鱼”

    西部数据交易中心探索创新“一码”服务 全力打造数据权益保护“新高地”

    在食品、药品领域常用的“一码”溯源功能,如今也运用到了数据产品领域。日前,西部数据交易中心的数据交易平台探索创新“一码”服务,为长安安驿汽车的数据产品颁发带有“数据
    的头像 发表于 02-18 17:33 729次阅读
    西部数据交易中心探索创新“<b class='flag-5'>一</b>品<b class='flag-5'>一码</b>”服务  全力打造数据权益保护“新高地”

    鸿蒙系统和安卓的区别 鸿蒙系统有什么特别之处

    鸿蒙系统是华为公司自主研发的款全新操作系统,旨在替代安卓系统鸿蒙
    的头像 发表于 01-18 11:45 1.2w次阅读

    【年度精选】2023年度top5榜单——鸿蒙开发经验

    的应用。通过学习本教程,你将了解开源鸿蒙系统在不同场景下的应用和实践,激发你对人工智能和开源鸿蒙系统的兴趣和创造力。 2、开发个520的
    发表于 01-10 17:19

    鸿蒙Ability开发-Stage模型下Ability的创建和使用

    ,对Ability的创建和使用进行讲解。首先在课程中我们将带领大家使用DevEco Studio创建个Stage模型Ability,并使用UIAbilityContext启动另个A
    发表于 01-08 15:34