鴻蒙、Flutter、SwiftUI、Compose都是聲明式布局,這四者開發風格都比較相似。其中我個人覺得鴻蒙和Flutter是最像的,不僅代碼風格和布局屬性像,就連很多組件的命名都一模一樣,比如Row、Column等。
最開始我想著以后市場上肯定會出現很多用Flutter一拖三的方式開發的項目。但是當我看到一篇關于ArkUI-X的文章,發現鴻蒙可以跨平臺后就不這么覺得了,貌似以后只需要開發一份鴻蒙代碼,就可以滿足鴻蒙、iOS、Android了。??
ArkUI是鴻蒙的UI開發框架、ArkUI-X是基于ArkUI的跨平臺框架。(ArkUI-X開源項目地址、ArkUI-X-v2.0.0-Beta1版本)
.?
.
一、安裝 DevEco Studio 開發工具
開發工具DevEco Studio?版本要安裝4.0,我最開始安裝的3.1的發現無法配置 ArkUI-X。
DevEco Studio 4.0 下載地址:?Windows(64-bit)?、?Mac(Intel)?、?Mac(ARM)
DevEco Studio 安裝官方教程:DevEco Studio 使用指南
.
二、DevEco Studio 配置
1、安裝成功后,打開偏好設置
2、然后點擊SDK,選擇HarmonyOS,勾選并安裝3.1.0(API 9)版本,點擊確定
3、切換Tools,勾選并安裝模擬器,點擊確定
4、最后選擇OpenHarmony,勾選并安裝?API Version 10版本,點擊確定
(安裝前 - 需要點擊Edit選擇安裝地址,我用的默認地址)?
(安裝成功)?
.
三、ArkUI-X 配置
配置完后會看到偏好設置里面多出來了一個ArkUI-X選項,切換到 ArkUI-X,勾選并安裝?API Version 10版本,點擊確定
.
四、新建項目
1、點擊右上角更多,彈出框中選擇Import Sample
2、在彈出框中選擇OpenHarmony,點擊ArkUI-X下的HelloWorld
點擊下一步,會生成一個基于 ArkUI-X 的 Hello World 新工程?
3、打開工程,點擊Build,選擇編譯App(s),等待編譯完成
4、查看工程,在.arkui-x?目錄下,可以分別看到Android和iOS項目的文件夾
?(推薦幾款好用的插件,示例如上圖:漢化插件Chinese、 圖標插件Atom Material Icons、 黑色主題插件One Dark theme、 代碼縮進插件Rainbow Brackets)
.
五、iOS運行
打開iOS文件夾,用Xcode打開iOS工程,直接運行就行了,可以運行模擬器、可以運行真機
(iOS相關的證書配置、Xcode配置、真機運行編譯這里就不做額外的拓展了)?
真機運行效果:
.
注意:
我修改代碼后,想在iOS上看到更新效果,于是在Xcode上重新運行了項目,但是一直看不到更新內容。
于是我重新構建了一次(點擊Build,選擇編譯App(s)),再運行項目,就可以看到更新了。。。??
.
資料:
華為開發者大會 2023(HDC.Together)開發者主題演講
如果覺得本文有用,可以在下方點個贊。如果發現有遺漏或不對的地方,請在下方留言~