鸿蒙HarmonyOS应用开发 | 「鸿蒙技术分享」HarmonyOS NEXT元服务卡片实战体验

简介: HarmonyOS NEXT的发布对华为及整个行业都产生了深远的影响。它不仅展示了华为的技术实力,还敏锐地把握了市场需求。同时,吸引了更多的开发者和合作伙伴加入鸿蒙生态体系,共同推动鸿蒙生态的繁荣发展。

「鸿蒙技术分享」—HarmonyOS NEXT 元服务卡片实战体验

HarmonyOS NEXT 是华为鸿蒙系统的最新版本,带来了更为流畅、高效的体验,并以元服务卡片(Service Widget)为核心,优化了服务分发和交互体验。本文将从开发者的角度,分享如何开发和部署元服务卡片,并结合代码实例,带你体验全新的卡片开发流程。

image-20241129003439910

核心特点

  1. 自主可控:HarmonyOS NEXT实现了操作系统的自主可控,为用户提供了更加安全、可靠的操作环境。
  2. 安装包小:通过对系统架构的深度优化,HarmonyOS NEXT实现了安装包体积的显著缩小,使得系统更加轻量、易于安装。
  3. 运行速度快:系统运行速度得到了显著提升,为用户提供了更加流畅的操作体验。
  4. 系统简洁精致:HarmonyOS NEXT的界面设计简洁精致,动效符合直觉,提升了用户的整体操作体验。
  5. 强大互联能力:支持多种终端设备,包括手机、平板、智能电视、智能穿戴、车载系统等,实现了一次开发、多端部署,降低了开发成本。
  6. 新安全访问机制:采用多层安全防护机制,为用户提供金融级安全防护,确保用户隐私和数据安全。

技术创新

  1. 分布式架构:HarmonyOS NEXT采用分布式技术,将各个设备连接成一个超级终端,实现设备间的无缝协同、资源共享。
  2. 全场景智慧体验:为用户提供全方位、个性化的智慧服务,覆盖娱乐、办公、出行等场景,让生活更便捷。
  3. ArkUI框架:推出了新一代的UI框架ArkUI,支持多种编程语言,简化了界面开发过程,提升了应用性能。
  4. ArkCompiler编译器:实现了跨语言的高效编译,提高了应用运行速度。
  5. 分布式数据库:实现数据在多个设备间的无缝同步,为用户提供一致的数据体验。
  6. 智能AI:内置AI能力,为用户提供智能语音助手、视觉识别等创新功能。

什么是元服务卡片?

元服务卡片是鸿蒙系统(HarmonyOS)中元服务的一种主要呈现形态

  • 定义:元服务卡片是基于HarmonyOS API开发的一种新型应用程序形态,它作为元服务的界面展示形式,将应用的重要信息或操作前置到卡片上,以实现服务直达、减少体验层级的目的。
  • 背景:元服务(原名原子化服务)是HarmonyOS提供的一种面向未来的服务提供方式,具有独立入口、免安装、可为用户提供一个或多个服务的特点。

image-20241129003424630

元服务卡片是 HarmonyOS NEXT 引入的新一代服务交互方式,用户可以通过桌面直接与应用核心功能交互,而无需进入应用。
元服务卡片具有以下特点:

  • 动态化:支持实时数据更新。
  • 多样化:提供多种卡片模板,适应不同场景。
  • 轻量化:小体积、高性能。

image-20241129003617299

开发流程与工具

  • 开发框架:方舟开发框架(ArkUI)是一套构建HarmonyOS应用及服务界面的UI开发框架。它提供了极简的UI语法、丰富的UI组件以及实时界面预览工具,帮助开发者提升开发效率。
  • 开发流程:开发者首先需要创建工程并关联云开发资源,然后使用ArkUI框架进行界面开发。在开发过程中,可以利用DevEco Studio提供的各种工具进行调试和测试。最后,将开发完成的元服务卡片进行打包并提交到AppGallery Connect进行上架分发。

综上所述,元服务卡片是鸿蒙系统中一种重要的服务呈现形态,它为用户提供了更加便捷、高效的服务体验。同时,也为开发者提供了新的开发和推广机会。


实战体验:开发一个服务卡片案例

image-20241129004429321

环境准备

在开始开发之前,请确保你已完成以下准备工作:

  1. 开发工具:安装 HarmonyOS DevEco Studio 最新版本。
  2. 设备环境:一台支持 HarmonyOS NEXT 的开发板或模拟器。
  3. 开发语言:本次示例使用ArkTS。

image-20241129003655147

项目初始化

创建工程
在 DevEco Studio 中,选择 New HarmonyOS Project,创建一个 Empty Feature Ability 项目。

image-20241129004016946

配置元服务卡片
config.json 文件中,添加卡片描述信息:

"widgets": [
    {
   
        "type": "form",
        "name": "WeatherCard",
        "ability": "com.example.weather.MainAbility",
        "description": "A simple weather card",
        "formConfig": {
   
            "dimension": "2x2"
        }
    }
]

卡片界面设计

接下来,我们使用 ArkTS 语言来设计卡片的界面。在 pages/index.ets 文件中,添加以下代码:

import {
    WeatherCardData } from '../model/WeatherCardData';

@Entry
@Component
struct WeatherCard {
   
  private data: WeatherCardData = new WeatherCardData();

  build() {
   
    Column() {
   
      Text(this.data.temperature).fontSize(20)
      Text(this.data.condition).fontSize(16)
    }
  }
}

这里我们创建了一个名为 WeatherCard 的组件,它展示了天气的温度和状况。

数据更新

为了实现卡片的动态化,我们需要定期更新卡片上的数据。可以使用定时器来实现数据的更新。在 pages/index.ets 文件中,添加以下代码:

import {
    WeatherCardData } from '../model/WeatherCardData';

@Entry
@Component
struct WeatherCard {
   
  private data: WeatherCardData = new WeatherCardData();
  private timer: number = -1;

  onShow() {
   
    this.timer = setInterval(() => {
   
      this.data.updateData();
    }, 60000);
  }

  onHide() {
   
    if (this.timer!== -1) {
   
      clearInterval(this.timer);
      this.timer = -1;
    }
  }

  build() {
   
    Column() {
   
      Text(this.data.temperature).fontSize(20)
      Text(this.data.condition).fontSize(16)
    }
  }
}

onShow 方法中,我们启动了一个定时器,每隔一分钟更新一次数据。在 onHide 方法中,我们清除定时器,以避免资源浪费。

数据模型

image.png

创建一个数据模型类来存储天气数据。在 model/WeatherCardData.ets 文件中,添加以下代码:

class WeatherCardData {
   
  temperature: string = 'Unknown';
  condition: string = 'Unknown';

  updateData() {
   
    // 这里可以通过网络请求或其他方式获取天气数据
    this.temperature = '25°C';
    this.condition = 'Sunny';
  }
}

部署与调试

  1. 构建项目
    在 DevEco Studio 中点击 Build > Build Project,确保项目无误。
  2. 部署到设备
    连接开发板或模拟器,点击 Run,选择运行目标设备。
  3. 调试卡片
    通过日志查看数据绑定是否正常,并检查卡片界面的更新情况。

优化与总结

体验优化

  • 动态更新:实现天气实时刷新功能,可以设置定时任务或订阅模式。
  • 视觉优化:使用动画和渐变背景提升视觉效果。
  • 多维适配:支持不同尺寸的卡片布局。

实践感受

开发元服务卡片的过程相对直观,DSL 描述语言简洁清晰,逻辑层支持多种编程语言,使得开发效率得到了明显提升。

实战感受

在开发 HarmonyOS NEXT 元服务卡片的过程中,整体体验非常直观且高效,主要有以下几点感受:

  1. 开发流程流畅
    借助 DevEco Studio 和 ArkUI 框架,从工程创建到卡片界面开发再到数据更新的实现,流程清晰,工具完善,大大降低了开发门槛。
  2. 语言简洁灵活
    ArkTS 的 DSL 描述语言直观易懂,结合框架提供的组件库和丰富的 API,使得界面逻辑分离明确,开发者能够专注于功能的实现。
  3. 动态化支持强大
    在开发过程中,通过设置定时器或订阅模式,可以轻松实现实时数据更新和动态化效果,满足多样化的业务需求。
  4. 调试工具便捷
    借助 DevEco Studio 内置的实时预览和设备模拟功能,可以快速发现问题并验证解决方案,显著提高了调试效率。
  5. 优化空间丰富
    在体验过程中,发现元服务卡片的界面设计还可以通过添加动画、背景渐变等视觉优化进一步提升用户体验。同时,支持多尺寸布局适配的能力为复杂场景开发提供了更多可能性。

总体而言,开发元服务卡片的过程兼具技术挑战与创作乐趣。借助 HarmonyOS 提供的开发工具和框架,可以快速构建高效、轻量的卡片服务,为用户带来更便捷的交互体验,也为开发者开辟了更广阔的创新空间。

总结

本文围绕 HarmonyOS NEXT 的核心功能 元服务卡片 展开,全面介绍了其定义、特点及开发流程,并通过一个天气卡片的开发案例,详细展示了从环境搭建到卡片部署的全过程。

元服务卡片以其动态化、轻量化和高效交互的特点,重新定义了用户与应用的交互方式,为开发者提供了更直观、便捷的开发体验。在实战开发中,借助 ArkUI 框架,开发者可以通过简洁的语法和丰富的组件快速实现功能并提升用户体验。

随着鸿蒙生态的不断扩展,元服务卡片将进一步支持更多交互形式和跨设备场景,为用户带来更丰富的服务触达体验,也为开发者创造新的机遇和价值。

HarmonyOS NEXT的发布对华为及整个行业都产生了深远的影响。它不仅展示了华为的技术实力,还敏锐地把握了市场需求。同时,吸引了更多的开发者和合作伙伴加入鸿蒙生态体系,共同推动鸿蒙生态的繁荣发展。

相关文章
|
16天前
|
存储 人工智能 编译器
【03】鸿蒙实战应用开发-华为鸿蒙纯血操作系统Harmony OS NEXT-测试hello word效果-虚拟华为手机真机环境调试-为DevEco Studio编译器安装中文插件-测试写一个滑动块效果-介绍诸如ohos.ui等依赖库-全过程实战项目分享-从零开发到上线-优雅草卓伊凡
【03】鸿蒙实战应用开发-华为鸿蒙纯血操作系统Harmony OS NEXT-测试hello word效果-虚拟华为手机真机环境调试-为DevEco Studio编译器安装中文插件-测试写一个滑动块效果-介绍诸如ohos.ui等依赖库-全过程实战项目分享-从零开发到上线-优雅草卓伊凡
36 10
【03】鸿蒙实战应用开发-华为鸿蒙纯血操作系统Harmony OS NEXT-测试hello word效果-虚拟华为手机真机环境调试-为DevEco Studio编译器安装中文插件-测试写一个滑动块效果-介绍诸如ohos.ui等依赖库-全过程实战项目分享-从零开发到上线-优雅草卓伊凡
|
13天前
|
前端开发 JavaScript 开发工具
【04】鸿蒙实战应用开发-华为鸿蒙纯血操作系统Harmony OS NEXT-正确安装鸿蒙SDK-结构目录介绍-路由介绍-帧动画(ohos.animator)书写介绍-能够正常使用依赖库等-ArkUI基础组件介绍-全过程实战项目分享-从零开发到上线-优雅草卓伊凡
【04】鸿蒙实战应用开发-华为鸿蒙纯血操作系统Harmony OS NEXT-正确安装鸿蒙SDK-结构目录介绍-路由介绍-帧动画(ohos.animator)书写介绍-能够正常使用依赖库等-ArkUI基础组件介绍-全过程实战项目分享-从零开发到上线-优雅草卓伊凡
68 5
【04】鸿蒙实战应用开发-华为鸿蒙纯血操作系统Harmony OS NEXT-正确安装鸿蒙SDK-结构目录介绍-路由介绍-帧动画(ohos.animator)书写介绍-能够正常使用依赖库等-ArkUI基础组件介绍-全过程实战项目分享-从零开发到上线-优雅草卓伊凡
|
14天前
|
开发框架 监控 JavaScript
解锁鸿蒙装饰器:应用、原理与优势全解析
ArkTS提供了多维度的状态管理机制。在UI开发框架中,与UI相关联的数据可以在组件内使用,也可以在不同组件层级间传递,比如父子组件之间、爷孙组件之间,还可以在应用全局范围内传递或跨设备传递。
33 2
|
9天前
|
传感器 人工智能 搜索推荐
探索HarmonyOS在智慧出行领域的AI类目标签应用
在科技飞速发展的今天,智慧出行成为交通领域的重要发展方向。HarmonyOS凭借强大的系统能力,为智慧出行注入新活力,特别是在AI类目标签技术的应用上。通过精准分类和标签化处理车辆、路况及出行者数据,AI类目标签技术提升了出行体验与交通管理效率。HarmonyOS的分布式软总线技术和隐私保护机制,确保了设备间的无缝连接与数据安全。实际应用中,该技术助力智能交通管理和个性化出行服务,为解决交通拥堵、优化资源配置提供了新思路。开发者也迎来了广阔的机遇与挑战,共同推动智慧出行的美好未来。
|
9天前
|
机器学习/深度学习 人工智能 API
解锁HarmonyOS新姿势:金融风控中的AI类目标签实战
在金融行业中,风险控制是保障稳定与安全的核心。随着业务复杂化和数字化加深,传统风控手段难以应对新挑战。AI类目标签技术凭借强大的数据处理能力,为金融风控带来全新解决方案。本文探讨基于HarmonyOS NEXT API 12及以上版本,如何运用AI类目标签技术构建高效金融风控体系,助力开发者在鸿蒙生态中创新应用。通过精准风险识别、实时监测预警和优化信用评估,提升风控效果;结合鸿蒙系统的分布式软总线和隐私保护优势,实现无缝协同与数据安全。具体应用场景如信用卡欺诈防控和贷款审批风险评估,展示了技术的实际效益。
|
13天前
|
人工智能 安全 程序员
一文彻底搞清楚HarmonyOS元服务
本文介绍Harmony OS的元服务,这是一种轻量级应用程序形态,具备秒开直达、纯净清爽、服务相伴、即用即走等特性,支持多设备运行,提升服务获取效率。元服务开发流程包括创建项目、UI开发、真机调试、打包测试及上架发布。欢迎关注,一起成长!
41 0
|
5天前
鸿蒙开发:V2版本装饰器@Once
@Once装饰器只能与@Param搭配使用,仅此一个组合,无其他使用方式,还有就是,必须在V2版本,也就是@ComponentV2装饰的自定义组件中,否则会报异常。
鸿蒙开发:V2版本装饰器@Once
|
2天前
|
安全 API
鸿蒙开发:实现AOP代码插桩能力
正确的运用AOP,可以提升代码的模块化、复用性、可维护性和灵活性,同时降低了耦合度,使系统更易于扩展和维护。
25 13
鸿蒙开发:实现AOP代码插桩能力
|
5天前
鸿蒙开发:熟知@BuilderParam装饰器
在实际的开发中,我们经常会遇到自定义组件的情况,比如通用的列表组件,选项卡组件等等,由于使用方的样式不一,子组件是动态变化的,针对这一情况,就不得不让使用方把子组件视图传递过来,如何来接收这个UI视图,这就是@BuilderParam装饰器的作用。
鸿蒙开发:熟知@BuilderParam装饰器
|
4天前
|
安全
鸿蒙开发:校验构造传参装饰器@Require
@Require装饰器依赖ArkTs的类型检查,仅在编译阶段拦截类型错误和缺失参数,对于运行时才能确定的动态值,如从网络请求获取的数据,仍需在生命周期函数中进行二次校验。
39 18

热门文章

最新文章

  • 1
    原生鸿蒙版小艺APP接入DeepSeek-R1,为HarmonyOS应用开发注入新活力
  • 2
    【01】噩梦终结flutter配安卓android鸿蒙harmonyOS 以及next调试环境配鸿蒙和ios真机调试环境-flutter项目安卓环境配置-gradle-agp-ndkVersion模拟器运行真机测试环境-本地环境搭建-如何快速搭建android本地运行环境-优雅草卓伊凡-很多人在这步就被难倒了
  • 3
    EMAS 性能分析全面适配HarmonyOS NEXT,开启原生应用性能优化新纪元
  • 4
    鸿蒙开发:了解@Builder装饰器
  • 5
    【04】鸿蒙实战应用开发-华为鸿蒙纯血操作系统Harmony OS NEXT-正确安装鸿蒙SDK-结构目录介绍-路由介绍-帧动画(ohos.animator)书写介绍-能够正常使用依赖库等-ArkUI基础组件介绍-全过程实战项目分享-从零开发到上线-优雅草卓伊凡
  • 6
    【01】鸿蒙实战应用开发-华为鸿蒙纯血操作系统Harmony OS NEXT-项目开发实战-优雅草卓伊凡拟开发一个一站式家政服务平台-前期筹备-暂定取名斑马家政软件系统-本项目前端开源-服务端采用优雅草蜻蜓Z系统-搭配ruoyi框架admin后台-全过程实战项目分享-从零开发到上线
  • 7
    Harmony os next~HarmonyOS Ability与页面跳转开发详解
  • 8
    HarmonyOS使用系统图标
  • 9
    【02】鸿蒙实战应用开发-华为鸿蒙纯血操作系统Harmony OS NEXT-项目开发实战-准备工具安装-编译器DevEco Studio安装-arkts编程语言认识-编译器devco-鸿蒙SDK安装-模拟器环境调试-hyper虚拟化开启-全过程实战项目分享-从零开发到上线-优雅草卓伊凡
  • 10
    鸿蒙H5离线包技术分享