今年的華為開發者大會上我們發布了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介紹，趕快通過鏈接下載學習吧！

END

想了解更多HarmonyOS技術？

后臺留言給我們

立刻安排！

歡迎點擊｜閱讀原文｜

進入HarmonyOS應用開發在線體驗