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

一

Sample 1：一多天氣

簡介：

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

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

一多天氣顯示

重點(diǎn)剖析：

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

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

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

響應(yīng)式布局

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

源碼下載鏈接：

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

二

Sample 2：自定義分享

簡介：

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

通過學(xué)習(xí)本sample，可以掌握數(shù)據(jù)的請求與響應(yīng)，屏幕截圖設(shè)置，文件管理，媒體服務(wù)等相關(guān)能力。

重點(diǎn)剖析：

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

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

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

源碼下載鏈接：

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

三

Sample 3：拼圖

簡介：

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

通過學(xué)習(xí)本Sample，可以掌握媒體庫管理、圖片處理、Grid組件等相關(guān)能力。

拼圖界面

重點(diǎn)剖析：

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

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

源碼下載鏈接：

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

四

Sample 4：分布式五子棋

簡介：

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

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

分布式五子棋界面

重點(diǎn)剖析：

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

棋盤、棋子模塊

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

分布式設(shè)備列表彈窗

3、遠(yuǎn)端設(shè)備拉起：通過startAbility(deviceId)方法拉起遠(yuǎn)端設(shè)備。

源碼下載鏈接：

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

五

Sample 5：組件集合

簡介：

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

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

重點(diǎn)剖析：

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

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

源碼下載鏈接：

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

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

END

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

后臺留言給我們

立刻安排！

歡迎點(diǎn)擊｜閱讀原文｜

進(jìn)入HarmonyOS應(yīng)用開發(fā)在線體驗(yàn)