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

    文章

    1944

    浏览量

    29702

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

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

收藏 人收藏

    评论

    相关推荐

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

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

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

    和创新能力,云计算、大数据、人工智能等技术的快速发展,推动了API的需求增长。 今天,幂简集成已成为市场上首家整合国内外API的平台,目前整合的API数量超过4000种,为全球开发者
    的头像 发表于 07-30 14:23 168次阅读
    全球视野下的<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 573次阅读
    OpenAI发出警告信:多国开发者面临<b class='flag-5'>API</b>封锁 OpenAI <b class='flag-5'>API</b>解决方案

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

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

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

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

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

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

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

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

    Kubernetes Gateway API攻略教程

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

    api网关 kong 教程入门

    为什么使用API-Gateway 方便客户端维护– 每个请求方不用管理多个api url,统一访问api-gateway即可 接口重构时调用方不须了解接口本身等拆分和聚合 客户端无须关心接口协议
    的头像 发表于 11-10 11:39 539次阅读
    <b class='flag-5'>api</b>网关 kong 教程入门

    MAX40080: Precision, Fast Sample-Rate, Digital Current-Sense Amplifier Data Sheet MAX40080: Precision, Fast Sample-Rate, Digital Current-Sen

    电子发烧友网为你提供ADI(ADI)MAX40080: Precision, Fast Sample-Rate, Digital Current-Sense Amplifier Data Sheet
    发表于 10-16 18:38
    MAX40080: Precision, Fast <b class='flag-5'>Sample</b>-Rate, Digital Current-Sense Amplifier Data Sheet MAX40080: Precision, Fast <b class='flag-5'>Sample</b>-Rate, Digital Current-Sen

    HarmonyOS/OpenHarmony原生应用开发-华为Serverless服务支持情况(四)

    部署和集成到自己的应用中,有效降低开发门槛,提高交付效率。 没有明确说明可以在哪些应用类型,哪些API版本使用。哪些及是否支持HarmonyOS/OpenHarmony(Stage模型-AP
    发表于 10-16 14:20

    HarmonyOS/OpenHarmony原生应用开发-华为Serverless服务支持情况(三)

    文档中的TS作者认为就是ArkTS之意。 一、云函数,从开发文档已经说明,是已经支持HarmonyOS/OpenHarmony(Stage模型-API9),但是在开发语言,没有Ar
    发表于 10-12 14:43

    OpenHarmony 应用开发SDK、API 与基础工具

    类似于 ArkTS API 的完整鸿蒙平台能力,开发者可以使用 C API 开发支持鸿蒙应用框架的扩展动态库,通过 import 语句导入到 ArkTS 环境中使用。 建议使用 C
    发表于 09-19 15:45