如何快速體驗鴻蒙全新聲明式UI架構ArkUI？

HDC2021将于10月22日在東莞松山湖正式開幕，大會将設立Codelab體驗專區，超多好玩、有趣的Demo等你體驗。想快速入門HarmonyOS？學習HarmonyOS新特性？以下幾個Codelab Demo不容錯過~

随着使用者裝置類型的不斷增加，手機、平闆、大屏、車載、穿戴等裝置對應用UI界面開發提出了更加多樣化的訴求，應用開發者在開發應用界面的時候要考慮多種裝置場景，進而導緻工程代碼量增加，甚至需要維護多個工程來适配不同裝置。

HarmonyOS提供一套極簡聲明式UI範式開發架構ArkUI，是HarmonyOS提供的一套基于JS/TS語言的開發能力集合，旨在幫助應用開發者高效開發跨端應用UI界面，自動适配多種不同的螢幕形态，開發者無需關心架構如何實作UI繪制和渲染，隻需聚焦應用開發，進而實作極簡高效地開發。

本篇Codelab為大家展示的是如何使用ArkUI開發範式快速開發一個有轉場動畫、頁面上下滑動，輕按兩下可以放大或縮小圖檔，左右滑動可以切換圖檔功能的UI界面，效果如圖1所示：

更多ArkUI詳情，請前往官網Codelab：https://developer.huawei.com/consumer/cn/codelabsPortal/carddetails/HarmonyOS-EtsUI

Slider是一個滑動元件，常用的場景有音樂播放進度條、系統音量調節、螢幕亮度調節等。凡是和進度有關的場景，都可以嘗試用一下這個元件。

HarmonyOS 極簡聲明式UI開發架構（ArkUI）提供了豐富的接口群組件，在本Codelab中，我們将通過一個簡單的樣例，學習Slider元件的使用，還将搭配Image元件、Slider元件、Text元件共同實作一個可調節的風車動畫，完成效果如圖2所示：

更多ArkUI基礎元件Slider開發詳情，前往官網Codelab：

https://developer.huawei.com/consumer/cn/codelabsPortal/carddetails/HarmonyOS-ETS-Slider

在多場景多終端的時代，消費者期待在不同終端上獲得同樣的體驗和服務，操作也應該像使用同一個裝置一樣。這使開發者面臨很大的挑戰，因為不同裝置形态/硬體差異大，開發者需要對多種裝置開發多套代碼。

一次開發，多端部署通過多終端統一程式設計架構、自動适配多終端硬體能力的統一抽象UI控件，以及為不同螢幕的終端提供自适應布局，開發者無需針對不同裝置開發多套代碼，隻需一套應用工程，就可以在多種終端部署。不僅提高了開發效率，還降低了代碼的維護難度。

本篇Codelab使用ArkUI實作一次開發多端部署，效果預覽如圖3所示:

更多“一次開發，多端部署”開發詳情，前往官網Codelab:

https://developer.huawei.com/consumer/cn/codelabsPortal/carddetails/HarmonyOS-EtsMultiDeployment

平行視界是一種實作在應用内雙視窗顯示的方案，适用于平闆、折疊屏展開态等大螢幕裝置。簡單來說，就是将裝置橫屏使用，進入“平行視界”模式後，一個應用将會分為左右兩屏顯示，兩邊互不幹擾。

例如：浏覽網頁查找資料的時候，你可以一邊看搜尋結果一邊看點開後的具體網頁，資料查找的效率大大提升……

本篇Codelab主要利用平行視界實作應用内雙視窗，将兩個Ability左右顯示在同一個應用的不同視窗。左側頁面展示圖檔清單，可根據螢幕寬度自适應調節圖檔布局；右側頁面展示選擇的圖檔，可對圖檔進行裁剪、縮放、鏡像、儲存、流轉操作。效果如圖4所示：左邊是圖檔庫，右邊是檢視大圖，兩者搭配，效率加倍。

更多平行視界開發詳情，前往官網Codelab：https://developer.huawei.com/consumer/cn/codelabsPortal/carddetails/HarmonyOS-ParallelHorizon

想了解更多HarmonyOS新特性Codelab？HDC2021 Codelab體驗專區等你來~

更多精彩内容，請見華為開發者官方論壇→https://developer.huawei.com/consumer/cn/forum/home?ha_source=sanfang