鴻蒙跨平臺(tái)框架來了ArkUi-X

前言:

各位同學(xué)大家有段時(shí)間沒有給大家更新博客了 之前鴻蒙推出了鴻ArkUi-X 框架, 我個(gè)人覺得比較有價(jià)值 所以就寫個(gè)文章分享一下

如果有疑問可以在閱讀完文章在地下留言我們一起來探討

效果圖:

image.png

首先需要下載支持 ArkUI-X 套件的華為開發(fā)工具 DevEco ,版本為 4.0 以上,目前可以下載預(yù)覽版進(jìn)行體驗(yàn)。下載地址:

DevEco Studio 4.0Beta下載鏈接

Windows(64-bit)

Mac(X86)

Mac(ARM)

ide 安裝過程就簡(jiǎn)單

image.png

DevEco 安裝完成后,首次進(jìn)入需要設(shè)置 nodejs 與 ohpm??梢赃x擇本機(jī)已經(jīng)安裝好的路徑,若本機(jī)沒有安裝 nodejs 與 ohpm 也可以在這里下載安裝。(這里借用了網(wǎng)友的圖片哈尷尬)

image.png
image.png
image.png

安裝 OpenHarmony SDK

image.png
image.png

安裝 ArkUI-X SDK

image.png
image.png
image.png

配置環(huán)境

image.png

這里提示我們沒有配置ANDROID_HOME 因?yàn)檫@里跑iOS 后面我們?cè)僦v一下跑Android的

創(chuàng)建 Harmon OS 工程

image.png
image.png

編譯 OpenHarmony 工程

image.png

選擇app格式

image.png

查看編譯后生成的android和iOS native 工程

image.png

找到磁盤上的iOS 工程 導(dǎo)入xcode

image.png

需要把這里改成iOS 13.0 最新版的mac os 系統(tǒng)

image.png

運(yùn)行

image.png

如圖

image.png

查看包里面內(nèi)容
在 LibChecker 中也可以看到該 APP 使用了 ArkUI 的依賴:(這個(gè)是Android方便查看哈 iOS同理)


image.png

到這里整個(gè)Ark UI-X 我們就講完了 這里主要測(cè)試跑在IOS上面 其實(shí)跑在安卓設(shè)備上面也比較簡(jiǎn)單 我們只需要 安裝Android studio

然后把Ark UI-X 目錄下面的Android 工程導(dǎo)入到android studio 編譯后然后運(yùn)行到我們的安卓手機(jī)或者模擬器上面即可

Ark UI-X 整個(gè)跨平臺(tái)和其他跨平臺(tái)差不多是借雞生蛋 我們編寫代碼還是Ark TS 最后通過框架能運(yùn)行在不同設(shè)備上面

最后總結(jié)

鴻蒙的 ArkUi-X其實(shí)之前朋友就有提到過 一直沒有去嘗試,國慶放長(zhǎng)假期回來我覺得有必要分享給大家,在這里我也希望鴻蒙能夠崛起 這樣也可以給我們開發(fā)者創(chuàng)造出更多的崗位 至于這個(gè)語言arkts 算是ts超集, 前端的同學(xué)比較容易上手跟flutter也比較像 學(xué)起來也沒什么難度。ArkTS + ArkUI-X ,讓國產(chǎn)自研技術(shù)達(dá)到了一個(gè)新高度,完成了從零到一的邁步,讓自研不再是 PPT ,不再是“套殼”。最后呢 希望我都文章能幫助到各位同學(xué)工作和學(xué)習(xí) 如果你覺得文章還不錯(cuò)麻煩給我三連 關(guān)注點(diǎn)贊和轉(zhuǎn)發(fā) 謝謝

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時(shí)請(qǐng)結(jié)合常識(shí)與多方信息審慎甄別。
平臺(tái)聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡(jiǎn)書系信息發(fā)布平臺(tái),僅提供信息存儲(chǔ)服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

友情鏈接更多精彩內(nèi)容