在线观看www成人影院-在线观看www日本免费网站-在线观看www视频-在线观看操-欧美18在线-欧美1级

0
  • 聊天消息
  • 系統消息
  • 評論與回復
登錄后你可以
  • 下載海量資料
  • 學習在線課程
  • 觀看技術視頻
  • 寫文章/發帖/加入社區
會員中心
創作中心

完善資料讓更多小伙伴認識你,還能領取20積分哦,立即完善>

3天內不再提示

跨Android、iOS、鴻蒙多平臺框架ArkUI-X

王程 ? 來源:jf_75796907 ? 作者:jf_75796907 ? 2024-01-31 14:52 ? 次閱讀

ArkUI是一套構建分布式應用界面的聲明式UI開發框架。它使用極簡的UI信息語法、豐富的UI組件、以及實時界面預覽工具,幫助您提升移動應用界面開發效率30%。您只需使用一套ArkTS API,就能在AndroidiOS鴻蒙多個平臺上提供生動而流暢的用戶界面體驗。

一、配套關系

表1 版本軟件和平臺配套關系

目標平臺 項目編譯使用OS SDK版本 備注
OpenHarmony 4.0 (API Version 10) Beta2
Android Android 8+ (API level 26+) NA
iOS iOS 10+ NA

二、SDK獲取

表2 獲取SDK路徑列表

SDK版本 版本信息 下載站點 SHA256校驗碼
ArkUI-X SDK包(macOS) 1.0.0 Canary1 站點 SHA256校驗碼
ArkUI-X SDK包(macOS-M1) 1.0.0 Canary1 站點 SHA256校驗碼
ArkUI-X SDK包(Windows) 1.0.0 Canary1 站點 SHA256校驗碼
ArkUI-X SDK包(Linux 1.0.0 Canary1 站點 SHA256校驗碼

三、Samples

表3 Samples列表

項目名稱 簡介
HelloWorld HellWorld應用工程示例,支持Android、iOS和OpenHarmony應用構建。
Shopping 仿購物應用工程示例,支持Android、iOS和OpenHarmony應用構建。
HealthyDiet 健康飲食應用工程示例,支持Android、iOS和OpenHarmony應用構建。
Native NAPI應用工程示例,支持Android、iOS和OpenHarmony應用構建。
Library 平臺庫應用工程示例,支持Android、iOS和OpenHarmony應用構建。

四、開發工具

ACE Tools是一套為ArkUI-X應用開發者提供的命令行工具,支持在Windows/Ubuntu/macOS平臺運行,用于構建OpenHarmony、HarmonyOS、Android和iOS平臺的應用程序, 其功能包括開發環境檢查,新建項目,編譯打包,安裝調試等。

五、環境準備

前置條件: Ubuntu需要18.04以上版本,macOS需要11.6.2及以上版本,Windows需要Windows 10版本。

配置Node.js環境

運行ACE Tools和OpenHarmony SDK需Node.js環境支持,建議下載14.19.1 - 16.19.1版本。可命令行運行 node -v 查看本地Node.js版本,如不存在或版本不符合要求,請自行下載安裝穩定版本:Node.js下載地址,并配置到環境變量。

配置Java環境

Android和OpenHarmony/HarmonyOS應用打包需Java環境支持,建議下載JDK11.0.2以上版本,下載請點擊此處。推薦環境變量配置如下:

[macOS]

// 配置環境變量
export JAVA_HOME=/path-to-java-sdk
export PATH=$JAVA_HOME/bin:$PATH

[Windows]

// 配置環境變量  
set JAVA_HOME=/path-to-java-sdk  
set PATH=%PATH%;%JAVA_HOME%/bin

配置ohpm環境

OHPM CLI(OpenHarmony Package Manager Command-line Interface)是OpenHarmony應用工程的三方庫的包管理工具,可通過DevEco Studio > File > Settings > Build, Execution, Deployment > Ohpm 查看ohpm home的安裝路徑,并配置到環境變量中。

配置ArkUI-X SDK環境

ArkUI-X SDK下載路徑,可通過DevEco Studio > File > Settings > ArkUI-X(macOS為DevEco Studio > Preferences > ArkUI-X)查看ArkUI-X的下載路徑,并配置到環境變量中。推薦環境變量配置如下:

[macOS]

// 配置環境變量  
export ARKUIX_SDK_HOME=/path-to-arkui-x-sdk

[Windows]

// 配置環境變量  
set ARKUIX_SDK_HOME=/path-to-arkui-x-sdk

六、命令安裝

安裝ace命令

修改npm源,前往用戶目錄,在.npmrc文件中添加如下內容:

@ohos:registry=https://repo.harmonyos.com/npm/  
registry=https://repo.huaweicloud.com/repository/npm/

全局安裝ACE命令

cd arkui-x/toolchains/ace_tools    // 根據ArkUI-X SDK下載路徑,進入ACE Tools實際所在目錄。  
npm install  
npm install . -g

七、開發環境檢查

ace check

執行 ace check 命令可以檢查ArkUI-X應用本地開發環境是否完備。

注:開發環境檢查主要針對Android/iOS/OpenHarmony/HarmonyOS IDE以及對應SDK的默認安裝和下載路徑進行檢查。如果提示結果與實際不符,請您通過ace config命令指定實際的IDE安裝和SDK下載路徑。

八、創建應用

以創建一個 Stage模型‘demo’項目為例:

ace create project  
? Please enter the project name: demo  
? Please enter the bundle name (com.example.demo):com.example.demo  
? Please enter the system (1: OpenHarmony, 2: HarmonyOS): 1  
? Please enter the project type (1: Application, 2: Library): 1  
? Please enter the template (1: Empty Ability, 2: Native C++): 1   //選擇創建Empty Ability或者Native C++項目

執行 `ace create project` 命令,接著輸入工程名 demo。

九、應用運行

安裝運行到Android設備

cd demo  
ace run apk

安裝運行到iOS設備

cd demo  
ace run app

安裝運行到OpenHarmony設備

cd demo  
ace run hap

上述命令會完成應用構建打包,并安裝到目標平臺設備運行。

wKgZomW57faAOjuhAADmC_RvzVs622.png

審核編輯 黃宇


聲明:本文內容及配圖由入駐作者撰寫或者入駐合作網站授權轉載。文章觀點僅代表作者本人,不代表電子發燒友網立場。文章及其配圖僅供工程師學習之用,如有內容侵權或者其他違規問題,請聯系本站處理。 舉報投訴
  • Android
    +關注

    關注

    12

    文章

    3958

    瀏覽量

    129078
  • ui
    ui
    +關注

    關注

    0

    文章

    205

    瀏覽量

    21603
  • 鴻蒙
    +關注

    關注

    57

    文章

    2464

    瀏覽量

    43584
收藏 人收藏

    評論

    相關推薦

    鴻蒙開發學習:初探【ArkUI-X

    **簡單來說,ArkTS + ArkUI-X 對標的框架為 flutter,一次代碼,編譯為 native 全平臺運行**
    的頭像 發表于 05-13 15:58 ?1388次閱讀
    <b class='flag-5'>鴻蒙</b>開發學習:初探【<b class='flag-5'>ArkUI-X</b>】

    鴻蒙ArkUI-X平臺開發:【命令行工具(ACE Tools)】

    ACE Tools是一套為ArkUI-X項目平臺應用開發者提供的命令行工具,支持在Windows/Ubuntu/macOS平臺運行,用于構建OpenHarmony/HarmonyOS
    的頭像 發表于 05-21 17:39 ?2442次閱讀
    <b class='flag-5'>鴻蒙</b><b class='flag-5'>ArkUI-X</b><b class='flag-5'>跨</b><b class='flag-5'>平臺</b>開發:【命令行工具(ACE Tools)】

    鴻蒙ArkUI-X平臺開發:【SDK目錄結構介紹】

    本文檔配套ArkUI-X,將OpenHarmony ArkUI開發框架擴展到不同的OS平臺,比如Android
    的頭像 發表于 05-20 16:28 ?1040次閱讀
    <b class='flag-5'>鴻蒙</b><b class='flag-5'>ArkUI-X</b><b class='flag-5'>跨</b><b class='flag-5'>平臺</b>開發:【SDK目錄結構介紹】

    鴻蒙ArkUI-X平臺開發:【bility開發說明(Android平臺)】

    本文介紹將ArkUI框架擴展到Android平臺所需要的必要的類及其使用說明,開發者基于OpenHarmony,可復用大部分的應用代碼(生命周期等)并可以部署到
    的頭像 發表于 05-21 10:54 ?1205次閱讀
    <b class='flag-5'>鴻蒙</b><b class='flag-5'>ArkUI-X</b><b class='flag-5'>跨</b><b class='flag-5'>平臺</b>開發:【bility開發說明(<b class='flag-5'>Android</b><b class='flag-5'>平臺</b>)】

    鴻蒙ArkUI-X語言調用說明:【平臺橋接開發指南(Android)】

    平臺橋接用于客戶端(ArkUI)和平臺AndroidiOS)之間傳遞消息,即用于ArkUI
    的頭像 發表于 05-25 16:26 ?988次閱讀
    <b class='flag-5'>鴻蒙</b><b class='flag-5'>ArkUI-X</b><b class='flag-5'>跨</b>語言調用說明:【<b class='flag-5'>平臺</b>橋接開發指南(<b class='flag-5'>Android</b>)】

    鴻蒙開發ArkUI-X基礎知識:【ArkUI平臺設計總體說明】

    本文檔描述ArkUI開發框架平臺運行能力相關的總體技術方案。
    的頭像 發表于 05-24 15:41 ?1894次閱讀
    <b class='flag-5'>鴻蒙</b>開發<b class='flag-5'>ArkUI-X</b>基礎知識:【<b class='flag-5'>ArkUI</b><b class='flag-5'>跨</b><b class='flag-5'>平臺</b>設計總體說明】

    ArkUI-X開發指南:【SDK配置和構建說明】

    ArkUI-X SDK是ArkUI-X開源項目的編譯產物,可將ArkUI-X SDK集成到現有AndroidiOS應用工程中,使開發者基于
    的頭像 發表于 05-25 16:48 ?3117次閱讀
    <b class='flag-5'>ArkUI-X</b>開發指南:【SDK配置和構建說明】

    資訊速遞 | ArkUI-X 預覽版已正式開源!

    較高。使用ArkUI-X平臺項目后,復雜單品詳情頁代碼一次編寫支持運行到AndroidiOS和HarmonyOS(OpenHarmony
    發表于 08-11 16:10

    資訊速遞 | ArkUI-X 預覽版已正式開源!

    OpenHarmony項目群技術指導委員會(以下簡稱“TSC”)-平臺應用開發框架TSG所孵化項目 —— ArkUI-X,近期已正式開源 ,開發者基于一套主代碼,就可以將在OpenH
    的頭像 發表于 08-22 22:19 ?1002次閱讀
    資訊速遞 | <b class='flag-5'>ArkUI-X</b> 預覽版已正式開源!

    鴻蒙平臺框架:【ArkUi-X】創建工程

    鴻蒙推出了鴻ArkUi-X 框架所以就寫個文章分享一下
    的頭像 發表于 05-13 17:48 ?1274次閱讀
    <b class='flag-5'>鴻蒙</b><b class='flag-5'>跨</b><b class='flag-5'>平臺</b><b class='flag-5'>框架</b>:【<b class='flag-5'>ArkUi-X</b>】創建工程

    鴻蒙ArkUI-X平臺技術:【開發初體驗】

    在DevEco Studio中導入ArkUI-X Sample,快速創建平臺工程。
    的頭像 發表于 05-17 15:54 ?927次閱讀
    <b class='flag-5'>鴻蒙</b><b class='flag-5'>ArkUI-X</b><b class='flag-5'>跨</b><b class='flag-5'>平臺</b>技術:【開發初體驗】

    鴻蒙ArkUI-X平臺開發:【 應用工程結構說明】

    本文檔配套ArkUI-X,將OpenHarmony ArkUI開發框架擴展到不同的OS平臺,比如Android
    的頭像 發表于 05-19 21:05 ?777次閱讀
    <b class='flag-5'>鴻蒙</b><b class='flag-5'>ArkUI-X</b><b class='flag-5'>跨</b><b class='flag-5'>平臺</b>開發:【 應用工程結構說明】

    鴻蒙ArkUI-X語言調用說明:【平臺橋接(@arkui-x.bridge)】

    平臺橋接用于客戶端(ArkUI)和平臺AndroidiOS)之間傳遞消息,即用于ArkUI
    的頭像 發表于 05-21 15:09 ?1048次閱讀
    <b class='flag-5'>鴻蒙</b><b class='flag-5'>ArkUI-X</b><b class='flag-5'>跨</b>語言調用說明:【<b class='flag-5'>平臺</b>橋接(@<b class='flag-5'>arkui-x</b>.bridge)】

    鴻蒙ArkUI-X語言調用說明:平臺差異化【Androidios動態化】

    ArkUI-X支持動態化,使用者可以根據自己需要動態發布平臺內容,從而使平臺部分和宿主應用進行解耦。
    的頭像 發表于 05-23 14:38 ?1194次閱讀
    <b class='flag-5'>鴻蒙</b><b class='flag-5'>ArkUI-X</b><b class='flag-5'>跨</b>語言調用說明:<b class='flag-5'>平臺</b>差異化【<b class='flag-5'>Android</b>、<b class='flag-5'>ios</b>動態化】

    鴻蒙ArkUI-X框架開發:【開發準備】

    本文檔適用于ArkUI-X框架開發的初學者。通過環境搭建、代碼下載、代碼編譯、API擴展和使用,快速了解平臺項目開發流程。
    的頭像 發表于 05-23 21:02 ?638次閱讀
    <b class='flag-5'>鴻蒙</b><b class='flag-5'>ArkUI-X</b><b class='flag-5'>框架</b>開發:【開發準備】
    主站蜘蛛池模板: 国产一区二区播放 | 全黄色一级片 | 校园激情综合网 | wwww亚洲| 欧美一级淫片免费播放口 | 成人网18免费下 | 亚洲四虎永久在线播放 | 666精品国产精品亚洲 | 国产午夜精品一区二区 | 天天舔天天射天天干 | 色多多网址 | 亚洲三级在线 | 黄色成人免费网站 | 白嫩美女一级高清毛片免费看 | 日本午夜片 | 天天操天天干天天射 | 偷窥自拍亚洲色图 | 国产在线啪 | 国产妇女在线 | 久久综合中文字幕 | 免费大片黄在线观看日本 | 欧美色交| 久久亚洲国产成人影院 | 亚洲午夜精品久久久久久抢 | 手机在线你懂得 | 天堂资源在线官网 | 中日韩在线视频 | 久久久免费视频播放 | 五月综合激情久久婷婷 | 亚洲www视频 | 久久 在线播放 | 亚洲欧美网 | 特污兔午夜影院 | 免费人成网站永久 | 日本在线视频精品 | 丁香综合激情 | 三级毛片免费 | 天堂免费观看 | 狠狠做久久深爱婷婷97动漫 | 国产小视频免费在线观看 | 91久久福利国产成人精品 |