HarmonyOS Codelabs最新參考

作者：堅果 團隊：堅果派 公眾號：“大前端之旅” 潤開鴻技術專家，華為HDE，InfoQ簽約作者，OpenHarmony布道師，擅長HarmonyOS應用開發、熟悉服務卡片開發，在“戰碼先鋒”活動中作為大隊長，累計培養三個小隊長，帶領100+隊員完成Pr的提交合入。 歡迎通過主頁或者私信聯系我，加入堅果派，一起學習OpenHarmony/HarmonyOS應用開發。

Stage模型卡片（ArkTS）

文檔：

https://developer.huawei.com/consumer/cn/codelabsPortal/carddetails/tutorials_StepsCardArkTS

項目地址

https://gitee.com/harmonyos/codelabs/tree/master/StepsCardArkTS

構建多種樣式彈窗（ArkTS）

文檔：https://developer.huawei.com/consumer/cn/codelabsPortal/carddetails/tutorials_MultipleDialog

項目地址：

https://gitee.com/harmonyos/codelabs/tree/master/MultipleDialog

電影卡片（ArkTS）

文檔：

https://developer.huawei.com/consumer/cn/codelabsPortal/carddetails/tutorials_MovieCard

項目地址：

https://gitee.com/harmonyos/codelabs/tree/master/MovieCard

計步器應用（ArkTS）

文檔：https://developer.huawei.com/consumer/cn/codelabsPortal/carddetails/tutorials_StepsDemo

項目地址：https://gitee.com/harmonyos/codelabs/tree/master/StepsDemo

圖片編輯（ArkTS）

文檔：https://developer.huawei.com/consumer/cn/codelabsPortal/carddetails/tutorials_ImageEdit

項目地址：https://gitee.com/harmonyos/codelabs/tree/master/ImageEdit

鬧鐘（ArkTS）

文檔：https://developer.huawei.com/consumer/cn/codelabsPortal/carddetails/tutorials_AlarmClock

項目地址：https://gitee.com/harmonyos/codelabs/tree/master/AlarmClock

UIAbility和自定義組件生命周期（ArkTS）

文檔：https://developer.huawei.com/consumer/cn/codelabsPortal/carddetails/tutorials_UIAbilityLifeCycle

項目地址：https://gitee.com/harmonyos/codelabs/tree/master/UIAbilityLifeCycle

一次開發，多端部署-音樂專輯（ArkTS）

文檔：https://developer.huawei.com/consumer/cn/codelabsPortal/carddetails/tutorials_MultiDeviceMusic

項目地址：https://gitee.com/harmonyos/codelabs/tree/master/MultiDeviceMusic

一次開發，多端部署-視頻應用（ArkTS）

文檔：https://developer.huawei.com/consumer/cn/codelabsPortal/carddetails/tutorials_Multi_devices

項目地址：https://gitee.com/harmonyos/codelabs/tree/master/Multi_device_V2

待辦列表（ArkTS）

文檔：https://developer.huawei.com/consumer/cn/codelabsPortal/carddetails/tutorials_ToDoList

項目地址：https://gitee.com/harmonyos/codelabs/tree/master/ToDoListArkTS

二級聯動（ArkTS）

文檔：https://developer.huawei.com/consumer/cn/codelabsPortal/carddetails/tutorials_SecondLevelLinkage

項目地址：https://gitee.com/harmonyos/codelabs/tree/master/SecondLevelLinkage

像素轉換（ArkTS）

文檔：https://developer.huawei.com/consumer/cn/codelabsPortal/carddetails/tutorials_PixelConversion

項目地址：https://gitee.com/harmonyos/codelabs/tree/master/PixelConversion

自定義抽獎轉盤（ArkTS）

文檔：https://developer.huawei.com/consumer/cn/codelabsPortal/carddetails/tutorials_CanvasComponent

項目地址：https://gitee.com/harmonyos/codelabs/tree/master/CanvasComponent

電子相冊（ArkTS）

文檔：https://developer.huawei.com/consumer/cn/codelabsPortal/carddetails/tutorials_ElectronicAlbum

項目地址：https://gitee.com/harmonyos/codelabs/tree/master/ElectronicAlbum

簡易計算器（ArkTS）

文檔：https://developer.huawei.com/consumer/cn/codelabsPortal/carddetails/tutorials_SimpleCalculator

項目地址：https://gitee.com/harmonyos/codelabs/tree/master/SimpleCalculator

彈性布局（ArkTS）

文檔：https://developer.huawei.com/consumer/cn/codelabsPortal/carddetails/tutorials_FlexLayout

項目地址：https://gitee.com/harmonyos/codelabs/tree/master/FlexLayout

目標管理（ArkTS）

文檔：https://developer.huawei.com/consumer/cn/codelabsPortal/carddetails/tutorials_TargetManagement

項目地址：https://gitee.com/harmonyos/codelabs/tree/master/TargetManagement