ArkUI框架介紹:
華為開發者大會2021將于10月22日在東莞松山湖正式開幕,推出了全新的ArkUI應用開發框架,
ArkUI一套極簡宣告式UI范式開發框架,是HarmonyOS提供的一套基于JS/TS語言的開發能力集合,旨在幫助應用開發者高效開發跨端應用UI界面,自動適配多種不同的螢屏形態,開發者無需關心框架如何實作UI繪制和渲染,只需聚焦應用開發,從而實作極簡高效地開發,
體驗了一把應用開發,組件式開發效率真高啊,有點兒類似于flutter,但是絕對比flutter牛叉,因為啥?因為你至少少學一門dart語言啊,這打它語言要說語法也不難,但是即便再簡單也得有生態和下功夫學不是,鴻蒙厲害了,直接是TS的語法和利用現有的js/ts生態,組件化,可視化的開發應用,體驗著實不賴,一小會兒功夫就能整出來個漂亮頁面來,
感覺這會是后續應用開發的主流,因為開發夠簡單和高效啊,且是流行的組件式開發,能夠最大限度復用,效率提高不少,若是性能也不錯,有啥理由不用呢,
華為開發者生態建設的不錯,竟提供了很多的樣例和分析教程在官網上,是不錯的教程,詳細介紹,參見:
https://developer.huawei.com/consumer/cn/codelabsPortal/index

ArkUI框架的詳細介紹:https://developer.huawei.com/consumer/cn/codelabsPortal/carddetails/HarmonyOS-EtsUI
ArkUI框架的優點
流行的組件式開發(最大化復用),可視化開發,支持熱更新,開發效率高,
隨著用戶設備型別的不斷增加,手機、平板、大屏、車載、穿戴等設備對應用UI界面開發提出了更加多樣化的訴求,應用開發者在開發應用界面的時候要考慮多種設備場景,從而導致工程代碼量增加,甚至需要維護多個工程來適配不同設備,
使用ArkUI框架一次開發,多端部署通過多終端統一編程框架、自動適配多終端硬體能力的統一抽象UI控制元件,以及為不同螢屏的終端提供自適應布局,開發者無需針對不同設備開發多套代碼,只需一套應用工程,就可以在多種終端部署,不僅提高了開發效率,還降低了代碼的維護難度,
更多“一次開發,多端部署”開發詳情,前往官網Codelab: https://developer.huawei.com/consumer/cn/codelabsPortal/carddetails/HarmonyOS-EtsMultiDeployment
ArkUI框架開發體驗
環境準備:
下載或更新最新的DevEco Studio,目前最新版本是3.0 Beat1,若已經是3.0版本,可以直接在選單help->check for updates自動更新軟體,DevEco Studio越來越好用了,記得之前的2.x版本軟體更新竟需要重新下載安裝,真是費勁,這后續直接點擊更新自動下載增量更新包完成升級,

新建工程,注意選擇eTS語言(擴展的ts,這個估計是今后主推的開發語言),
如果你的沒出來這個選項,可能是一些sdk沒有下載或更新,
在File選單->settings里,找到SDK manager,Harmony OS legacy SDK,選中SDK(API version 7)

為了支持實時界面預覽功能,tools里的previewer也更新為最新的3.0.0.0版本,

至此,環境一切準備就緒啦,若是你的sdk沒下載成功,多半是網路問題,
接下來選一個empty ability,開始編碼啦,

在編碼區修改代碼,在最后測能夠實時看到效果,這開發效率賊爽,且比起flutter來,編碼更簡單直觀,還是你熟悉的css和ts語法,不像flutter一樣還要再去學一門打它(dart)語言,直接用ts,誰也不"打",
以上只是個環境準備和小的hello wrold入門,官網的教程不要太貼心,照著做就是了,有很多例程可以參考,
比如:eTS基礎組件Slider的使用,寫的太詳細了,最后還附上了原始碼,
https://developer.huawei.com/consumer/cn/codelabsPortal/carddetails/HarmonyOS-ETS-Slider

未來在哪里?未來已來,有些人因為看見而相信,只有少部分人因為相信而看見,華為的創新力真厲害,以后不是你選擇用不用鴻蒙,而是因為好用不得不用,譬如電視,看個電視還要會員,手機會員還不行,得買專門電視會員,各種廣告和收費,直接上智慧屏手機電影分享在智慧屏看,
什么是真正的萬物互聯?華為的harmony OS做到了,直接從系統層打通了設備間的通信帶來了更好的體驗,
活到老學到老,學習也是一種興趣愛好,與時俱進,終身學習,期待國人不斷的創新,發明和創造,引領未來,
參考:
如何快速體驗鴻蒙全新宣告式UI框架ArkUI?_華為開發者聯盟-CSDN博客
HarmonyOS系統Codelabs技術指導_華為HarmonyOS源代碼 - HarmonyOS應用開發官網
https://developer.huawei.com/consumer/cn/codelabsPortal/carddetails/HarmonyOS-EtsUI
轉載請註明出處,本文鏈接:https://www.uj5u.com/yidong/342250.html
標籤:其他
