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
    +关注

    关注

    80

    文章

    2146

    浏览量

    35577

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

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

收藏 人收藏
加入交流群
微信小助手二维码

扫码添加小助手

加入工程师交流群

    评论

    相关推荐
    热点推荐

    Wildberries API 全解析

    一、API 基础概览 Wildberries 提供 RESTful 风格 API,通过 HTTP 协议与卖家系统集成,支持自动化管理店铺、获取实时数据和生成分析报告。官方文档以 Swagger
    的头像 发表于 12-04 09:45 117次阅读

    教你如何使用API

    一、了解API API(Application Programming Interface)即应用程序编程接口,是一种使不同的应用程序能共享数据和功能的软件工具。API可以通过网络、软件或硬件实现
    的头像 发表于 11-09 17:48 1034次阅读

    亚马逊获取商品评论的API接口

    Advertising API (PAAPI) 作为主要接口,支持获取商品信息,包括评论。但请注意,API有严格的使用限制(如频率限制和认证要求),开发者需遵守亚马逊的条款,避免滥用。下面我将逐步指导你完成整个过程,确保内容真
    的头像 发表于 11-05 14:50 259次阅读
    亚马逊获取商品评论的<b class='flag-5'>API</b>接口

    亚马逊获取商品详情API接口指南

    ​  在电商开发中,获取商品详情是核心需求之一。亚马逊提供了一套强大的API接口,允许开发者高效提取商品信息,如标题、价格、描述和库存状态。本文将逐步介绍如何通过Amazon Product
    的头像 发表于 11-05 14:45 197次阅读
    亚马逊获取商品详情<b class='flag-5'>API</b>接口指南

    速来!小红书电商 API 接口,解锁种草数据新玩法

    ​  在当今社交电商时代,小红书作为领先的内容平台,其种草数据(用户分享的购物推荐和评测)蕴藏着巨大的商业价值。通过小红书电商 API 接口,开发者可以高效获取和分析这些数据,开启个性化推荐、精准
    的头像 发表于 10-28 16:08 340次阅读
    <b class='flag-5'>速来</b>!小红书电商 <b class='flag-5'>API</b> 接口,解锁种草数据新玩法

    RESTful API设计原则: 构建易用、可扩展的API接口。

    响应是否可缓存 分层系统(Layered System):支持中间件扩展 按需代码(Code-On-Demand):可选扩展功能 实际案例:GitHub API严格遵循这些约束,其统一接口设计使开发者
    的头像 发表于 10-24 10:45 272次阅读

    淘宝天猫上货API接口技术指南

    ​  本文旨在介绍淘宝天猫平台的上货API接口,帮助开发者实现自动化商品架功能。内容基于公开API文档和常见实践,确保真实可靠。我们将逐步解析API的工作原理、使用步骤和代码实现,助
    的头像 发表于 10-21 15:22 203次阅读
    淘宝天猫上货<b class='flag-5'>API</b>接口技术指南

    代购系统 API 介绍

    1. 用户相关 API 用户注册 POST /api/users/register 参数:username, email, password, phone 返回:user_id, token 用户
    的头像 发表于 10-08 09:21 151次阅读

    京东API 介绍

    功能与分类 1. 商品与交易管理 商品详情 API支持获取商品标题、价格、库存、促销信息等 120 + 字段,2025 年升级后联盟商品 ID 转为动态字符串格式(如VgDXlT9hVVVmDDiCbofTFhV7_VIfTF
    的头像 发表于 10-08 09:04 350次阅读

    产品添加与API接口设计指南

    ​ 在现代电商或库存管理系统中,产品添加与架是关键流程。通过API接口实现自动化操作,能显著提升效率。本文将分步解析如何设计和使用“产品添加”与“产品架”API接口,确保结构清晰、
    的头像 发表于 07-24 14:45 439次阅读
    产品添加与<b class='flag-5'>上</b>架<b class='flag-5'>API</b>接口设计指南

    产品列表获取API接口详解

    以及最佳实践。内容基于通用API设计原则,确保真实可靠。 1. 什么是产品列表获取API接口? 产品列表获取API接口是一种基于HTTP协议的接口,用于从数据库或服务中查询并返回产品数据列表。它通常
    的头像 发表于 07-24 14:29 468次阅读
    产品列表获取<b class='flag-5'>API</b>接口详解

    API如何支持电商多渠道销售

    、亚马逊)等多个渠道进行购买。这种多渠道销售模式能扩大市场覆盖、提升销售额,但也带来了巨大挑战:如何确保库存同步、订单处理高效、数据一致?这正是应用程序编程接口(API)发挥关键作用的领域。API作为软件系统间的“
    的头像 发表于 07-23 15:46 357次阅读
    <b class='flag-5'>API</b>如何<b class='flag-5'>支持</b>电商多渠道销售

    鸿蒙开发API9API12,有哪些不同

    ,可以从一些第三方网站中下载 二、Model API9支持Stage模型和FA模型两种,API12已经移除了相关选择,默认就是Stage模型 ​​ 三、卡片 卡片也属于毕设中的创新功能点,在A
    发表于 06-29 22:47

    Aduna携手Bridge Alliance共建更广泛的API生态系统

    Aduna于2024年9月正式成立,在全球范围内整合和销售网络API。其愿景是让新应用能够在任何地点、任何网络运行,为开发者提供更快速、更便捷的创新途径。Aduna的合作伙伴广泛覆
    的头像 发表于 03-11 13:36 1.2w次阅读

    KiCad 9 引入新的API机制

    “  在FOSDEM 2025的演讲中,核心开发者Jon Evans揭秘了KiCad 9的全新API系统,彻底重构插件生态,为开发者与用户带来更稳定、高效的体验。   ” 旧系统痛点:Python
    的头像 发表于 02-10 11:13 1947次阅读
    KiCad <b class='flag-5'>9</b> 引入新的<b class='flag-5'>API</b>机制