精品国产人成在线_亚洲高清无码在线观看_国产在线视频国产永久2021_国产AV综合第一页一个的一区免费影院黑人_最近中文字幕MV高清在线视频

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

    文章

    3923

    瀏覽量

    127130
  • ui
    ui
    +關注

    關注

    0

    文章

    204

    瀏覽量

    21339
  • 鴻蒙
    +關注

    關注

    57

    文章

    2307

    瀏覽量

    42738
收藏 人收藏

    評論

    相關推薦

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

    **簡單來說,ArkTS + ArkUI-X 對標的框架為 flutter,一次代碼,編譯為 native 全平臺運行**
    的頭像 發表于 05-13 15:58 ?984次閱讀
    <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 ?1636次閱讀
    <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 ?773次閱讀
    <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 ?888次閱讀
    <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 ?620次閱讀
    <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 ?1493次閱讀
    <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 ?2505次閱讀
    <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 ?799次閱讀
    資訊速遞 | <b class='flag-5'>ArkUI-X</b> 預覽版已正式開源!

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

    鴻蒙推出了鴻ArkUi-X 框架所以就寫個文章分享一下
    的頭像 發表于 05-13 17:48 ?863次閱讀
    <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 ?584次閱讀
    <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 ?543次閱讀
    <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 ?677次閱讀
    <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 ?782次閱讀
    <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 ?433次閱讀
    <b class='flag-5'>鴻蒙</b><b class='flag-5'>ArkUI-X</b><b class='flag-5'>框架</b>開發:【開發準備】