今年的華為開發(fā)者大會上我們發(fā)布了HarmonyOS 3.1 Developer Preview版本，開啟對API 9的支持。本期我們將為大家?guī)?個基于API 9實現(xiàn)的Sample。開發(fā)者可以從中掌握聲明式開發(fā)范式的核心機制和功能，同時還能從中學習到分布式設備管理與分布式數(shù)據(jù)管理等前沿技術(shù)用法，讓我們先睹為快！

一

Sample 1：一多天氣

簡介：

本Sample展示一個天氣應用，包括首頁、城市管理、添加城市、更新時間彈窗，體現(xiàn)一次開發(fā)，多端部署的能力。

通過學習本Sample，可以掌握如何使用一套代碼，實現(xiàn)應用在不同屏幕尺寸下，保持整體風格一致性的同時，還能保障各設備上應用界面體驗的差異性。

一多天氣顯示

重點剖析：

1、本示例參考一次開發(fā)，多端部署的指導，主要使用響應式布局的柵格斷點系統(tǒng)實現(xiàn)在不同尺寸窗口界面上不同的顯示效果。

2、使用SideBarContainer實現(xiàn)側(cè)邊欄功能。

3、使用柵格容器組件實現(xiàn)界面內(nèi)容的分割和展示。

響應式布局

4、使用Canvas和Canvas-Rendering-Context2D完成空氣質(zhì)量和日出月落圖的曲線繪制。

源碼下載鏈接：

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

二

Sample 2：自定義分享

簡介：

本Sample展示自定義分享，主要是發(fā)送方應用將文本、鏈接、圖片等分享給三方應用并展示。

通過學習本sample，可以掌握數(shù)據(jù)的請求與響應，屏幕截圖設置，文件管理，媒體服務等相關能力。

重點剖析：

1、自定義分享支持文本+鏈接分享、應用內(nèi)文件分享、其他應用分享。

2、自定義分享彈窗展示支持分享的應用，點擊應用后可將內(nèi)容分享到該應用并展示。

3、分享內(nèi)容時，支持生成海報，通過彈窗獲取海報內(nèi)容并分享。

源碼下載鏈接：

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

三

Sample 3：拼圖

簡介：

本Sample展示基于Grid組件實現(xiàn)的拼圖，通過image (圖片處理)和medialibrary (媒體庫管理)接口實現(xiàn)圖片的獲取、裁剪及分割。

通過學習本Sample，可以掌握媒體庫管理、圖片處理、Grid組件等相關能力。

拼圖界面

重點剖析：

1、圖片打包器：用于圖片壓縮和打包，通過createImagePacker構(gòu)建一個圖片打包器實例。

2、媒體庫管理：獲取媒體庫的實例，用于訪問和修改用戶等個人媒體數(shù)據(jù)信息（如音頻、視頻、圖片、文檔等）。

源碼下載鏈接：

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

四

Sample 4：分布式五子棋

簡介：

本Sample展示一款分布式五子棋游戲，該游戲基于分布式數(shù)據(jù)管理實現(xiàn)，使用Canvas組件實現(xiàn)棋盤、棋子的繪制，使用分布式數(shù)據(jù)管理實現(xiàn)設備間數(shù)據(jù)的同步。

通過學習本Sample，可以掌握Canvas組件、分布式數(shù)據(jù)管理、設備管理等相關能力。

分布式五子棋界面

重點剖析：

1、棋盤、棋子模塊是用Canvas組件繪制出棋盤、棋子。

棋盤、棋子模塊

2、分布式設備列表彈窗：實現(xiàn)了遠端設備的選擇，用戶可以根據(jù)設備名稱選擇相應的設備進行協(xié)同計算。

分布式設備列表彈窗

3、遠端設備拉起：通過startAbility(deviceId)方法拉起遠端設備。

源碼下載鏈接：

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

五

Sample 5：組件集合

簡介：

本Sample展示組件集合，包含ArkUI的組件、通用能力、動畫和全局方法。

通過學習本Sample，開發(fā)者可以直觀的學習并掌握各UI組件的使用。

重點剖析：

1、組件集合使用Tabs容器組件搭建整體應用框架，每個內(nèi)容視圖使用List容器組件布局。

2、在每個ListItem中使用循環(huán)渲染加載子數(shù)據(jù)，底部導航菜單使用TabContent實現(xiàn)自定義樣式。

源碼下載鏈接：

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

以上就是本期基于API 9上新的Sample介紹，趕快通過鏈接下載學習吧！

END

想了解更多HarmonyOS技術(shù)？

后臺留言給我們

立刻安排！

歡迎點擊｜閱讀原文｜

進入HarmonyOS應用開發(fā)在線體驗