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

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

一、Sample 1：一多天气

简介：

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

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

一多天气显示

重点剖析：

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

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

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

响应式布局

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 组件等相关能力。

拼图界面

重点剖析：

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

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

源码下载链接：

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

四、Sample 4：分布式五子棋

简介：

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

通过学习本 Sample，可以掌握 Canvas 组件、分布式数据管理、设备管理等相关能力。

分布式五子棋界面

重点剖析：

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

棋盘、棋子模块

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

分布式设备列表弹窗

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 介绍，赶快通过链接下载学习吧！