0
  • 聊天消息
  • 系統(tǒng)消息
  • 評(píng)論與回復(fù)
登錄后你可以
  • 下載海量資料
  • 學(xué)習(xí)在線課程
  • 觀看技術(shù)視頻
  • 寫文章/發(fā)帖/加入社區(qū)
會(huì)員中心
創(chuàng)作中心

完善資料讓更多小伙伴認(rèn)識(shí)你,還能領(lǐng)取20積分哦,立即完善>

3天內(nèi)不再提示

鴻蒙ArkUI-X跨平臺(tái)技術(shù):【開(kāi)發(fā)準(zhǔn)備】

jf_46214456 ? 來(lái)源:jf_46214456 ? 作者:jf_46214456 ? 2024-05-24 10:40 ? 次閱讀
加入交流群
微信小助手二維碼

掃碼添加小助手

加入工程師交流群

開(kāi)發(fā)準(zhǔn)備

本文檔適用于ArkUI跨平臺(tái)應(yīng)用開(kāi)發(fā)的初學(xué)者。通過(guò)開(kāi)發(fā)環(huán)境搭建、應(yīng)用工程創(chuàng)建、編譯和運(yùn)行,熟悉ArkUI跨平臺(tái)應(yīng)用開(kāi)發(fā)基本流程。

在開(kāi)始之前,您需要了解有關(guān)跨平臺(tái)應(yīng)用的一些基本概念:ArkUI框架的簡(jiǎn)單說(shuō)明、ArkUI-X的基本概念。

基本概念

ArkUI

ArkUI是一套構(gòu)建分布式應(yīng)用的聲明式UI開(kāi)發(fā)框架。它具備簡(jiǎn)潔自然的UI信息語(yǔ)法、豐富的UI組件、多維的狀態(tài)管理,以及實(shí)時(shí)界面預(yù)覽工具,幫助您提升應(yīng)用開(kāi)發(fā)效率,并能在多種設(shè)備上實(shí)現(xiàn)生動(dòng)而流暢的用戶體驗(yàn)。

ArkUI-X

ArkUI跨平臺(tái)框架(ArkUI-X)進(jìn)一步將ArkUI開(kāi)發(fā)框架擴(kuò)展到了多個(gè)OS平臺(tái):目前支持OpenHarmony、AndroidiOS,后續(xù)會(huì)逐步增加更多平臺(tái)支持。開(kāi)發(fā)者基于一套主代碼,就可以構(gòu)建支持多平臺(tái)的精美、高性能應(yīng)用。

開(kāi)發(fā)工具

您可以通過(guò)自己偏好的文本編輯器和ACE Tools命令行工具進(jìn)行ArkUI-X應(yīng)用開(kāi)發(fā),我們推薦您結(jié)合DevEco Studio進(jìn)行應(yīng)用開(kāi)發(fā)以獲取更好的開(kāi)發(fā)體驗(yàn),除提供代碼智能編輯和雙向預(yù)覽功能外,還會(huì)對(duì)ArkTS接口進(jìn)行跨平臺(tái)過(guò)濾和編譯提示。

IDE工具(DevEco Studio)

  1. DevEco Studio為ArkUI-X應(yīng)用構(gòu)建提供了簡(jiǎn)單的集成開(kāi)發(fā)環(huán)境,版本要求:V4.0 Release。請(qǐng)參考[社區(qū)版本軟件和工具配套關(guān)系]完成DevEco Studio下載和安裝。
  2. 請(qǐng)參考DevEco Studio[跨平臺(tái)開(kāi)發(fā)環(huán)境配置說(shuō)明],完成基于DevEco Studio的ArkUI-X開(kāi)發(fā)環(huán)境配置。

命令行工具(ACE Tools)

  1. ACE Tools默認(rèn)隨ArkUI-X SDK發(fā)布,。推薦使用DevEco Studio進(jìn)行ArkUI-X SDK下載。
  2. 請(qǐng)參考命令行[跨平臺(tái)開(kāi)發(fā)環(huán)境配置說(shuō)明]完成基于命令行的ArkUI-X開(kāi)發(fā)環(huán)境配置。

完成上述操作和基本概念的理解后,即可參照[DevEco Studio使用說(shuō)明]或[ACE Tools使用說(shuō)明],以及[使用ArkTS語(yǔ)言開(kāi)發(fā)]中的章節(jié)進(jìn)行下一步ArkUI-X應(yīng)用開(kāi)發(fā)體驗(yàn)和學(xué)習(xí)。

開(kāi)發(fā)前請(qǐng)熟悉鴻蒙開(kāi)發(fā)指導(dǎo)文檔gitee.com/li-shizhen-skin/harmony-os/blob/master/README.md點(diǎn)擊或者復(fù)制轉(zhuǎn)到。

配置開(kāi)發(fā)環(huán)境

使用DevEco Studio開(kāi)發(fā)ArkUI-X約束說(shuō)明

  • DevEco Studio僅支持ArkUI-X源碼開(kāi)發(fā)和調(diào)試,各平臺(tái)Native代碼請(qǐng)使用對(duì)應(yīng)平臺(tái)的IDE編輯器進(jìn)行開(kāi)發(fā)和調(diào)試;
  • ArkUI-X支持在Android/iOS平臺(tái)真機(jī)和模擬器上運(yùn)行調(diào)試;
  • 平臺(tái)版本及構(gòu)建工具要求:
    • OpenHarmony平臺(tái):支持API 10+;
    • Android平臺(tái):Android 8+,Level-26,version code: O,Codename: Oreo;
    • iOS平臺(tái):iOS 10+

依賴環(huán)境準(zhǔn)備

在開(kāi)發(fā)應(yīng)用前,請(qǐng)先完成依賴環(huán)境準(zhǔn)備。

表1 Windows平臺(tái)環(huán)境要求

組件包名說(shuō)明
OpenHarmony SDKOpenHarmony的SDK包。
ArkUI-X SDKArkUI-X的SDK包。
Android SDKAndroid的SDK包。

表2 macOS平臺(tái)環(huán)境要求

組件包名說(shuō)明
OpenHarmony SDKOpenHarmony的SDK包。
ArkUI-X SDKArkUI-X的SDK包。
Android SDKAndroid的SDK包。
XcodeiOS應(yīng)用開(kāi)發(fā)環(huán)境,請(qǐng)參考官方環(huán)境搭建指導(dǎo)。

OpenHarmony SDK

  1. File > Settings > SDK (macOS為 DevEco Studio > Preferences > SDK )下,點(diǎn)擊Location右側(cè)的 Edit ,為SDK選擇存儲(chǔ)路徑。
  2. 在彈出的SDK Setup頁(yè)面選擇存儲(chǔ)路徑,一直點(diǎn)擊 Next ,直到完成SDK的安裝后,點(diǎn)擊 Finish 。OpenHarmonySDK-IDE

安裝ArkUI-X SDK

  1. File > Settings > ArkUI-X (macOS為 DevEco Studio > Preferences > ArkUI-X )下,點(diǎn)擊Location右側(cè)的 Edit ,為SDK選擇存儲(chǔ)路徑。
  2. 在彈出的SDK Setup頁(yè)面選擇存儲(chǔ)路徑,一直點(diǎn)擊 Next ,直到完成SDK的安裝后,點(diǎn)擊 Finisharkui-xSDK-IDE

配置Android SDK安裝目錄環(huán)境變量

配置環(huán)境變量ANDROID_HOME,設(shè)置Android SDK安裝目錄。

  • Windows環(huán)境變量設(shè)置方法: 在電腦 > 屬性 > 高級(jí)系統(tǒng)設(shè)置 > 高級(jí) > 環(huán)境變量中,新建系統(tǒng)變量。變量名為ANDROID_HOME,變量值為Android SDK安裝目錄。
    zh-cn_image_0000001578322442
    環(huán)境變量配置完成后,關(guān)閉并重啟DevEco Studio。

  • macOS環(huán)境變量設(shè)置方法:

    1. 打開(kāi)終端工具,執(zhí)行以下命令,打開(kāi).bash_profile文件。
      vi ~/.bash_profile
      
      `HarmonyOS與OpenHarmony鴻蒙文檔籽料:mau123789是v直接拿`
      
    
    

搜狗高速瀏覽器截圖20240326151344.png

1.  單擊字母“i”,進(jìn)入**Insert**模式。

1.  輸入以下內(nèi)容,配置Android SDK安裝目錄。

    ```
    export ANDROID_HOME=/Users/xxx/Library/Android/sdk
    ```

1.  編輯完成后,單擊**Esc**鍵,退出編輯模式,然后輸入“:wq”,單擊**Enter**鍵保存。

1.  執(zhí)行以下命令,使配置的環(huán)境變量生效。

    ```
    source ~/.bash_profile
    ```

1.  環(huán)境變量配置完成后,關(guān)閉并重啟DevEco Studio。
聲明:本文內(nèi)容及配圖由入駐作者撰寫或者入駐合作網(wǎng)站授權(quán)轉(zhuǎn)載。文章觀點(diǎn)僅代表作者本人,不代表電子發(fā)燒友網(wǎng)立場(chǎng)。文章及其配圖僅供工程師學(xué)習(xí)之用,如有內(nèi)容侵權(quán)或者其他違規(guī)問(wèn)題,請(qǐng)聯(lián)系本站處理。 舉報(bào)投訴
  • 框架
    +關(guān)注

    關(guān)注

    0

    文章

    404

    瀏覽量

    17865
  • 鴻蒙
    +關(guān)注

    關(guān)注

    59

    文章

    2588

    瀏覽量

    43951
  • DevEco Studio
    +關(guān)注

    關(guān)注

    0

    文章

    31

    瀏覽量

    1299
收藏 人收藏
加入交流群
微信小助手二維碼

掃碼添加小助手

加入工程師交流群

    評(píng)論

    相關(guān)推薦
    熱點(diǎn)推薦

    鴻蒙開(kāi)發(fā)學(xué)習(xí):初探【ArkUI-X

    **簡(jiǎn)單來(lái)說(shuō),ArkTS + ArkUI-X 對(duì)標(biāo)的框架為 flutter,一次代碼,編譯為 native 全平臺(tái)運(yùn)行**
    的頭像 發(fā)表于 05-13 15:58 ?1642次閱讀
    <b class='flag-5'>鴻蒙</b><b class='flag-5'>開(kāi)發(fā)</b>學(xué)習(xí):初探【<b class='flag-5'>ArkUI-X</b>】

    鴻蒙ArkUI-X平臺(tái)開(kāi)發(fā):【命令行工具(ACE Tools)】

    ACE Tools是一套為ArkUI-X項(xiàng)目平臺(tái)應(yīng)用開(kāi)發(fā)者提供的命令行工具,支持在Windows/Ubuntu/macOS平臺(tái)運(yùn)行,用于構(gòu)
    的頭像 發(fā)表于 05-21 17:39 ?2843次閱讀
    <b class='flag-5'>鴻蒙</b><b class='flag-5'>ArkUI-X</b><b class='flag-5'>跨</b><b class='flag-5'>平臺(tái)</b><b class='flag-5'>開(kāi)發(fā)</b>:【命令行工具(ACE Tools)】

    鴻蒙ArkUI-X平臺(tái)開(kāi)發(fā):【SDK目錄結(jié)構(gòu)介紹】

    本文檔配套ArkUI-X,將OpenHarmony ArkUI開(kāi)發(fā)框架擴(kuò)展到不同的OS平臺(tái),比如Android和iOS平臺(tái),讓
    的頭像 發(fā)表于 05-20 16:28 ?1211次閱讀
    <b class='flag-5'>鴻蒙</b><b class='flag-5'>ArkUI-X</b><b class='flag-5'>跨</b><b class='flag-5'>平臺(tái)</b><b class='flag-5'>開(kāi)發(fā)</b>:【SDK目錄結(jié)構(gòu)介紹】

    ArkUI-X開(kāi)發(fā)指南:【SDK配置和構(gòu)建說(shuō)明】

    ArkUI-X SDK是ArkUI-X開(kāi)源項(xiàng)目的編譯產(chǎn)物,可將ArkUI-X SDK集成到現(xiàn)有Android和iOS應(yīng)用工程中,使開(kāi)發(fā)者基于一套ArkTS主代碼,就可以構(gòu)建支持多
    的頭像 發(fā)表于 05-25 16:48 ?3483次閱讀
    <b class='flag-5'>ArkUI-X</b><b class='flag-5'>開(kāi)發(fā)</b>指南:【SDK配置和構(gòu)建說(shuō)明】

    ArkUI-X平臺(tái)框架接入指南

    ArkUI平臺(tái)框架(ArkUI-X)進(jìn)一步將ArkUI開(kāi)發(fā)框架擴(kuò)展到了多個(gè)OS
    發(fā)表于 05-18 18:21

    ArkUI-X平臺(tái)應(yīng)用改造指南

    ArkUI-X平臺(tái)應(yīng)用改造指南 現(xiàn)狀與訴求 隨著 HarmonyOS Next 5.0 版本正式發(fā)布,眾多開(kāi)發(fā)者基于 ArkTS 語(yǔ)言為 HarmonyOS Next 系統(tǒng)
    發(fā)表于 06-16 23:05

    ArkUI-X平臺(tái)技術(shù)落地-華為運(yùn)動(dòng)健康(一)

    開(kāi)發(fā)工作量以及保證體驗(yàn)一致性,對(duì)于運(yùn)動(dòng)健康A(chǔ)pp而言,顯得尤為重要。作為鴻蒙NEXT系統(tǒng)生態(tài)中的重要一員,ArkUI-X框架是我們平臺(tái)
    發(fā)表于 06-18 22:53

    ArkUI-X平臺(tái)技術(shù)落地-華為運(yùn)動(dòng)健康(二)

    :內(nèi)存與原生持平(或略高),具體表格數(shù)據(jù)如下所示: 整體實(shí)現(xiàn)效果 總結(jié) 通過(guò)引入ArkUI-X技術(shù),使得華為運(yùn)動(dòng)健康應(yīng)用三端平臺(tái)復(fù)用健康模塊代碼,從而在三端交互一致的前提下提升開(kāi)發(fā)
    發(fā)表于 06-18 23:04

    ArkUI-X應(yīng)用工程結(jié)構(gòu)說(shuō)明

    )并可以部署到相應(yīng)的OS平臺(tái),降低平臺(tái)應(yīng)用開(kāi)發(fā)成本。 應(yīng)用工程目錄結(jié)構(gòu)介紹 平臺(tái)應(yīng)用工程目錄
    發(fā)表于 06-19 23:11

    資訊速遞 | ArkUI-X 預(yù)覽版已正式開(kāi)源!

    OpenHarmony項(xiàng)目群技術(shù)指導(dǎo)委員會(huì)(以下簡(jiǎn)稱“TSC”)-平臺(tái)應(yīng)用開(kāi)發(fā)框架TSG所孵化項(xiàng)目 —— ArkUI-X,近期已正式開(kāi)源
    發(fā)表于 08-11 16:10

    鴻蒙平臺(tái)框架:【ArkUi-X】創(chuàng)建工程

    鴻蒙推出了鴻ArkUi-X 框架所以就寫個(gè)文章分享一下
    的頭像 發(fā)表于 05-13 17:48 ?1518次閱讀
    <b class='flag-5'>鴻蒙</b><b class='flag-5'>跨</b><b class='flag-5'>平臺(tái)</b>框架:【<b class='flag-5'>ArkUi-X</b>】創(chuàng)建工程

    鴻蒙ArkUI-X平臺(tái)技術(shù):【開(kāi)發(fā)初體驗(yàn)】

    在DevEco Studio中導(dǎo)入ArkUI-X Sample,快速創(chuàng)建平臺(tái)工程。
    的頭像 發(fā)表于 05-17 15:54 ?1192次閱讀
    <b class='flag-5'>鴻蒙</b><b class='flag-5'>ArkUI-X</b><b class='flag-5'>跨</b><b class='flag-5'>平臺(tái)</b><b class='flag-5'>技術(shù)</b>:【<b class='flag-5'>開(kāi)發(fā)</b>初體驗(yàn)】

    鴻蒙ArkUI-X平臺(tái)開(kāi)發(fā):【 應(yīng)用工程結(jié)構(gòu)說(shuō)明】

    本文檔配套ArkUI-X,將OpenHarmony ArkUI開(kāi)發(fā)框架擴(kuò)展到不同的OS平臺(tái),比如Android和iOS平臺(tái),讓
    的頭像 發(fā)表于 05-19 21:05 ?930次閱讀
    <b class='flag-5'>鴻蒙</b><b class='flag-5'>ArkUI-X</b><b class='flag-5'>跨</b><b class='flag-5'>平臺(tái)</b><b class='flag-5'>開(kāi)發(fā)</b>:【 應(yīng)用工程結(jié)構(gòu)說(shuō)明】

    鴻蒙ArkUI-X語(yǔ)言調(diào)用說(shuō)明:平臺(tái)差異化【Android、ios動(dòng)態(tài)化】

    ArkUI-X支持動(dòng)態(tài)化,使用者可以根據(jù)自己需要?jiǎng)討B(tài)發(fā)布平臺(tái)內(nèi)容,從而使平臺(tái)部分和宿主應(yīng)用進(jìn)行解耦。
    的頭像 發(fā)表于 05-23 14:38 ?1457次閱讀
    <b class='flag-5'>鴻蒙</b><b class='flag-5'>ArkUI-X</b><b class='flag-5'>跨</b>語(yǔ)言調(diào)用說(shuō)明:<b class='flag-5'>平臺(tái)</b>差異化【Android、ios動(dòng)態(tài)化】

    鴻蒙ArkUI-X框架開(kāi)發(fā):【開(kāi)發(fā)準(zhǔn)備

    本文檔適用于ArkUI-X框架開(kāi)發(fā)的初學(xué)者。通過(guò)環(huán)境搭建、代碼下載、代碼編譯、API擴(kuò)展和使用,快速了解平臺(tái)項(xiàng)目開(kāi)發(fā)流程。
    的頭像 發(fā)表于 05-23 21:02 ?797次閱讀
    <b class='flag-5'>鴻蒙</b><b class='flag-5'>ArkUI-X</b>框架<b class='flag-5'>開(kāi)發(fā)</b>:【<b class='flag-5'>開(kāi)發(fā)</b><b class='flag-5'>準(zhǔn)備</b>】

    電子發(fā)燒友

    中國(guó)電子工程師最喜歡的網(wǎng)站

    • 2931785位工程師會(huì)員交流學(xué)習(xí)
    • 獲取您個(gè)性化的科技前沿技術(shù)信息
    • 參加活動(dòng)獲取豐厚的禮品