当前位置: 首页 > news >正文

卡片一放,服务直达!实现信息零层级触达

在移动应用生态快速迭代的背景下,用户对"轻量化交互直达服务"的需求日益增长,而传统应用"入口深、操作重、时效差",开发者则苦于"多端适配、后台耗电、入口分散"。

HarmonyOS SDK卡片开发服务(Form Kit)提供了一种在桌面、锁屏等系统入口嵌入显示应用信息的开发框架和API,可以将应用内用户关注的重要信息或常用操作抽取到服务卡片(以下简称"卡片")上,通过将卡片添加到桌面、锁屏、负一屏上,以达到信息展示、服务直达的便捷体验效果。用户无需打开应用,即可快速查看重要信息并执行操作,极大提升了便捷性和效率。

什么是卡片?

卡片是HarmonyOS SDK提供的一种轻量级UI组件,它能够直接在桌面、锁屏等位置展示应用的关键信息,并允许用户执行一些基础操作,无需打开完整的应用程序。例如,天气卡片可以直接显示当前的天气状况;新闻卡片则可以滚动展示最新头条;音乐播放卡片让用户可以在不打开音乐应用的情况下控制播放。

能力特性

  • 信息呈现

将应用/元服务的重要信息以卡片形式展示在桌面、锁屏、负一屏,同时支持信息定时更新能力,用户可以随时查看关注的信息。

  • 服务直达

通过点击卡片内按钮,就可以实现功能快捷操作,也支持点击后跳转到应用/元服务对应功能页,实现功能服务一步直达的效果。

功能优势

  • 开发简单高效

借助 IDE 和 SDK 的自动化模板配置,可以快速完成卡片开发。

  • 实时刷新一目了然

利用定时刷新、定点刷新等框架托管机制,减少卡片提供方数据刷新逻辑,降低系统功耗。

  • 个性化显示交互

支持用户在不同设备、不同入口以合适的方式展示不同尺寸的卡片,支持用户自定义信息展示。

卡片使用场景

  • 支持设备类型:手机、平板、PC/2in1、智慧屏、智能手表、车机。轻量级智能穿戴设备不支持使用本Kit。

  • 支持开发卡片应用类型:应用和元服务内均支持开发卡片。

  • 支持卡片使用位置:用户可以在桌面、锁屏等系统应用上添加使用,暂不支持在普通应用内嵌入显示卡片。

卡片使用步骤:

  1. 长按"桌面图标",弹出操作菜单。

  2. 点击"卡片"选项,进入卡片管理页面,可以预览卡片。

  3. 点击"添加至桌面"按钮,即可在桌面上看到并操作新添加的卡片。

场景1:天气预报卡片

实现方式

ArkUI组件:使用ArkUI中的Text、Image、Button等组件来构建卡片界面。

事件处理:通过ArkUI的事件处理机制,为"切换城市"按钮添加点击事件,触发城市选择弹窗。

状态管理:利用ArkUI的状态管理功能,实时更新卡片上的天气数据,并在用户切换城市后自动刷新显示内容。

场景2:音乐播放卡片

实现方式

Ability Kit支持:利用Ability Kit的能力,确保卡片与后台音乐服务之间的通信顺畅,实现实时数据同步。

ArkUI组件:使用ArkUI中的Image组件显示专辑封面,Text组件显示歌名和艺术家,Button组件提供播放控制按钮。

动效支持:使用ArkUI的动效功能,为播放控制按钮添加动画效果,提升用户体验。

状态管理:通过ArkUI的状态管理功能,实时更新播放状态(播放/暂停),并在用户点击按钮时立即响应。

除了基础卡片外,Form Kit还支持互动卡片,互动卡片提供卡片长时动效能力,能够动态展示普通卡片提供的静态信息或图片,并实现人机交互,提升信息提醒、浅层交互和可玩性体验。

互动卡片包含两种类型:趣味交互类型互动卡片和场景动效类型互动卡片。

  • 趣味交互类型

趣味交互类型互动卡片,提供卡片小游戏功能,当用户点击卡片时,开始体验对应卡片小游戏。当前仅支持基于快游戏开发。

  • 场景动效类型

场景动效类型互动卡片,支持卡片实现动态效果。以天气卡片为例,当天气转为雷雨天气时卡片被激活,触发互动卡片动效。互动卡片动效结束后,卡片切换回原有显示效果。

了解更多详情>>

访问Form Kit官网

获取Form Kit 卡片开发指导文档

阅读最佳实践:卡片更新与数据交互

http://www.dtcms.com/a/358310.html

相关文章:

  • Python实现京东商品数据自动化采集的实用指南
  • (双指针)Leetcode283.移动零-替换数字类别+Leetcode15. 三数之和
  • UI前端大数据可视化实战策略:如何设计符合用户认知的数据可视化界面?
  • 【计算机网络】HTTP是什么?
  • Ansible Playbook 调试与预演指南:从语法检查到连通性排查
  • 一体化步进伺服电机在汽车线束焊接设备中的应用案例
  • MongoDB 源码编译与调试:深入理解存储引擎设计 内容详细
  • HarmonyOS元服务开发
  • 深入解析HarmonyOS:UIAbility与Page的生命周期协同
  • TensorFlow 面试题及详细答案 120道(71-80)-- 性能优化与调试
  • 坚鹏请教DEEPSEEK:请问中国领先的AI智能体服务商有哪些?知行学
  • 深度学习系列 | Seq2Seq端到端翻译模型
  • 离线大文件与断点续传:ABP + TUS + MinIO/S3
  • IAR工程如何搭建vscode+clangd编辑环境
  • 如何使用快照将 AWS OpenSearch 服务中的数据从开发环境复制到生产环境
  • 互联网医院系统优势介绍
  • 嵌入式linux相机(2)
  • 设计模式 - 静态工厂模式 + 策略模式,
  • 【Java后端】MySQL 常见 SQL 语句优化指南
  • AI 赋能综合能源管理系统:开启智慧能源新时代
  • 掌握表单:React中的受控组件与表单处理
  • 详解Vue2、Vue3与React的Diff算法
  • 【Android】OkHttp发起GET请求 POST请求
  • React Router 6 获取路由参数
  • 【自然语言处理与大模型】如何进行大模型多模态微调
  • 【ASP.NET Core】双Token机制在ASP.NET Core中的实现
  • OpenCV 图像形态学操作与边缘检测实战指南
  • ESPTimer vs GPTimer:ESP32 定时器系统深度解析
  • 机器学习 - Kaggle项目实践(6)Dogs vs. Cats Redux: Kernels Edition 猫狗二分类
  • 最强分布式锁工具:Redisson