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

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

3天内不再提示

支持API 9的Sample已上新,速来拿走

HarmonyOS开发者 来源:未知 2022-12-28 10:30 次阅读

今年的华为开发者大会上我们发布了HarmonyOS 3.1 Developer Preview版本,开启对API 9的支持。本期我们将为大家带来5个基于API 9实现的Sample。开发者可以从中掌握声明式开发范式的核心机制和功能,同时还能从中学习到分布式设备管理与分布式数据管理等前沿技术用法,让我们先睹为快!

Sample 1:一多天气

简介:

本Sample展示一个天气应用,包括首页、城市管理、添加城市、更新时间弹窗,体现一次开发,多端部署的能力。

通过学习本Sample,可以掌握如何使用一套代码,实现应用在不同屏幕尺寸下,保持整体风格一致性的同时,还能保障各设备上应用界面体验的差异性。

2f80f538-8657-11ed-bfe3-dac502259ad0.jpg

一多天气显示

重点剖析:

1、本示例参考一次开发,多端部署的指导,主要使用响应式布局的栅格断点系统实现在不同尺寸窗口界面上不同的显示效果。

2、使用SideBarContainer实现侧边栏功能。

3、使用栅格容器组件实现界面内容的分割和展示。

2f9654be-8657-11ed-bfe3-dac502259ad0.jpg

2fa9de26-8657-11ed-bfe3-dac502259ad0.jpg

响应式布局

4、使用Canvas和Canvas-Rendering-Context2D完成空气质量和日出月落图的曲线绘制。

源码下载链接:

https://gitee.com/openharmony/applications_app_samples/tree/master/MultiDeviceAppDev/Weather

Sample 2:自定义分享

简介:

本Sample展示自定义分享,主要是发送方应用将文本、链接、图片等分享给三方应用并展示。

通过学习本sample,可以掌握数据的请求与响应,屏幕截图设置,文件管理,媒体服务等相关能力。

重点剖析:

1、自定义分享支持文本+链接分享、应用内文件分享、其他应用分享。

2、自定义分享弹窗展示支持分享的应用,点击应用后可将内容分享到该应用并展示。

3、分享内容时,支持生成海报,通过弹窗获取海报内容并分享。

源码下载链接:

https://gitee.com/openharmony/applications_app_samples/tree/master/Share/CustomShare

Sample 3:拼图

简介:

本Sample展示基于Grid组件实现的拼图,通过image (图片处理)和medialibrary (媒体库管理)接口实现图片的获取、裁剪及分割。

通过学习本Sample,可以掌握媒体库管理、图片处理、Grid组件等相关能力。2fc769e6-8657-11ed-bfe3-dac502259ad0.jpg

拼图界面

重点剖析:

1、图片打包器:用于图片压缩和打包,通过createImagePacker构建一个图片打包器实例。

2、媒体库管理:获取媒体库的实例,用于访问和修改用户等个人媒体数据信息(如音频视频、图片、文档等)。

源码下载链接:

https://gitee.com/openharmony/applications_app_samples/tree/master/media/GamePuzzle

Sample 4:分布式五子棋

简介:

本Sample展示一款分布式五子棋游戏,该游戏基于分布式数据管理实现,使用Canvas组件实现棋盘、棋子的绘制,使用分布式数据管理实现设备间数据的同步。

通过学习本Sample,可以掌握Canvas组件、分布式数据管理、设备管理等相关能力。2fd4a016-8657-11ed-bfe3-dac502259ad0.png

分布式五子棋界面

重点剖析:

1、棋盘、棋子模块是用Canvas组件绘制出棋盘、棋子。

2ff3c306-8657-11ed-bfe3-dac502259ad0.png

棋盘、棋子模块

2、分布式设备列表弹窗:实现了远端设备的选择,用户可以根据设备名称选择相应的设备进行协同计算。

30025b5a-8657-11ed-bfe3-dac502259ad0.png

分布式设备列表弹窗

3、远端设备拉起:通过startAbility(deviceId)方法拉起远端设备。

源码下载链接:

https://gitee.com/openharmony/applications_app_samples/blob/master/data/DistributedDataGobang

Sample 5:组件集合

简介:

本Sample展示组件集合,包含ArkUI的组件、通用能力、动画和全局方法。

通过学习本Sample,开发者可以直观的学习并掌握各UI组件的使用。

重点剖析:

1、组件集合使用Tabs容器组件搭建整体应用框架,每个内容视图使用List容器组件布局。

2、在每个ListItem中使用循环渲染加载子数据,底部导航菜单使用TabContent实现自定义样式。

源码下载链接:

https://gitee.com/openharmony/applications_app_samples/tree/master/ETSUI/ComponentCollection

以上就是本期基于API 9上新的Sample介绍,赶快通过链接下载学习吧!

END

想了解更多HarmonyOS技术?

后台留言给我们

立刻安排!

300f9ce8-8657-11ed-bfe3-dac502259ad0.gif

欢迎点击|阅读原文

进入HarmonyOS应用开发在线体验


原文标题:支持API 9的Sample已上新,速来拿走

文章出处:【微信公众号:HarmonyOS开发者】欢迎添加关注!文章转载请注明出处。


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

    关注

    79

    文章

    1974

    浏览量

    30154

原文标题:支持API 9的Sample已上新,速来拿走

文章出处:【微信号:HarmonyOS_Dev,微信公众号:HarmonyOS开发者】欢迎添加关注!文章转载请注明出处。

收藏 人收藏

    评论

    相关推荐

    OpenAI断供API,国产大模型替代方案低成本迁移

    电子发烧友网报道(文/李弯弯)日前,不少国内API开发者收到了来自OpenAI的邮件。邮件称,从7月9日起采取额外措施,阻止来自非支持国家和地区列表中的地区的API流量。根据OpenA
    的头像 发表于 06-27 09:04 3387次阅读

    OpenAI 发了一个支持 ESP32 的 Realtime API SDK

    和 ESP32 使用的 Realtime API SDK。   ” 对,就是上面这个项目,刚发布没多久,文档都几乎没有。感兴趣的小伙伴可以自己去看一下: https://github.com
    的头像 发表于 12-21 11:36 1548次阅读
    OpenAI 发了一个<b class='flag-5'>支持</b> ESP32 的 Realtime <b class='flag-5'>API</b> SDK

    API接口有哪些常见的安全问题

    定义:API是一种软件接口,它规定了软件组件之间的通信方式,使得不同的应用程序能够按照预定义的规则相互通信和交换数据。 既然是接口,那就涉及到数据格式。API接口支持多种数据格式,其中JSON
    的头像 发表于 12-15 09:54 125次阅读
    <b class='flag-5'>API</b>接口有哪些常见的安全问题

    在设备利用AI Edge Torch生成式API部署自定义大语言模型

    MediaPipe LLM Inference API 让开发者们能够将一些最受欢迎的 LLM 部署到设备。现在,我们很高兴能进一步拓展对模型的支持范围,并让大家部署到设备,而且具备优秀的性能表现。今天发布的 AI Edge
    的头像 发表于 11-14 10:23 425次阅读
    在设备<b class='flag-5'>上</b>利用AI Edge Torch生成式<b class='flag-5'>API</b>部署自定义大语言模型

    api驱动的云服务是什么意思?

    API驱动的云服务是指利用API技术来驱动和提供云服务的模式。在这种模式下,云服务提供商会公开一系列的API接口,允许开发者或应用程序通过调用这些API来实现对云服务的访问和操作。
    的头像 发表于 11-14 10:06 184次阅读

    全球视野下的API资源,看幂简集成如何整合国内外API

    和创新能力,云计算、大数据、人工智能等技术的快速发展,推动了API的需求增长。 今天,幂简集成已成为市场上首家整合国内外API的平台,目前整合的API数量超过4000种,为全球开发者
    的头像 发表于 07-30 14:23 314次阅读
    全球视野下的<b class='flag-5'>API</b>资源,看幂简集成如何整合国内外<b class='flag-5'>API</b>

    ESP8266 NONOS SDK V1.5.4版本的SDK,是否支持upgrade API

    ESP8266 NONOS SDK V1.5.4版本的SDK,是否支持upgrade API? 打算实现fota升级。 include/upgrade.h定义了升级使用的API。lib目录下也有
    发表于 07-09 07:58

    mupgrade这个API可以支持CA certification吗?

    想问一下 mupgrade 这个API 可以支持 CA certification 吗?不太找到有function 可以输入 ca_cert_file。 如果用mupgrade 可以什样写以下
    发表于 06-28 09:16

    OpenAI发出警告信:多国开发者面临API封锁 OpenAI API解决方案

    事件背景 2024年7月9日,OpenAI宣布将封锁对不支持国家的API访问,许多开发者因此收到了警告信。这一决定引起了广泛的关注和讨论,尤其是在那些受影响的国家和地区。 警告信的内容 OpenAI
    的头像 发表于 06-26 11:29 1267次阅读
    OpenAI发出警告信:多国开发者面临<b class='flag-5'>API</b>封锁 OpenAI <b class='flag-5'>API</b>解决方案

    鸿蒙ArkTS声明式开发:跨平台支持列表【多态样式】 通用属性

    设置组件不同状态的样式。 从API version 9开始,该接口支持在ArkTS卡片中使用。
    的头像 发表于 06-07 09:48 398次阅读
    鸿蒙ArkTS声明式开发:跨平台<b class='flag-5'>支持</b>列表【多态样式】 通用属性

    鸿蒙ArkTS声明式开发:跨平台支持列表【图片边框设置】 通用属性

    API Version 9开始支持。后续版本如有新增内容,则采用上角标单独标记该内容的起始版本。
    的头像 发表于 05-31 09:41 790次阅读
    鸿蒙ArkTS声明式开发:跨平台<b class='flag-5'>支持</b>列表【图片边框设置】 通用属性

    鸿蒙开发接口公共事件与通知:【FFI能力(Node-API)】

    Node-API是封装底层JavaScript运行时能力的一套Native接口。OpenHarmony的N-API组件对Node-API的接口进行了重新实现,ArkUI-X同样拥有这部分能力,目前
    的头像 发表于 05-21 16:38 976次阅读
    鸿蒙开发接口公共事件与通知:【FFI能力(Node-<b class='flag-5'>API</b>)】

    华为云发布 CodeArts API,为 API 护航

    4 月 10 日,华为云正式发布 API 全生命周期管理一体化协作平台 CodeArts API支持开发者高效实现 API 设计、开发、测试、托管、运维、变现的一站式体验。以
    的头像 发表于 05-09 23:17 535次阅读
    华为云发布 CodeArts <b class='flag-5'>API</b>,为 <b class='flag-5'>API</b> 护航

    快递预约上门取件API免费接口

    功能说明 通知快递公司快递员上门揽件 取号和下单都由揽件网点执行,用于散客取件 若和网点签约并开通大客户下单账号,可使用 电子面单 接口下单 接口信息 接口指令 1001 批量请求 不支持批量,可
    的头像 发表于 01-24 14:43 380次阅读

    Kubernetes Gateway API攻略教程

    Kubernetes Gateway API 刚刚 GA,旨在改进将集群服务暴露给外部的过程。这其中包括一套更标准、更强大的 API资源,用于管理暴露的服务。在这篇文章中,我将介绍 Gateway
    的头像 发表于 01-12 11:32 890次阅读
    Kubernetes Gateway <b class='flag-5'>API</b>攻略教程