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

    文章

    3848

    浏览量

    125610
  • ui
    ui
    +关注

    关注

    0

    文章

    198

    浏览量

    21177
  • 鸿蒙
    +关注

    关注

    55

    文章

    1564

    浏览量

    42110
收藏 人收藏

    评论

    相关推荐

    纯血鸿蒙系统,拿什么与安卓、iOS比?

    鸿蒙系统的出现就是来打破这种僵局的,华为鸿蒙是以生态系统为基本而产生的独立系统。如果与AndroidiOS系统无异何必浪费时间。生态圈为1+8+N,其中不止是app应用层开发、还有智
    发表于 02-21 21:04

    2024款鸿蒙OS 最新HarmonyOS Next_HarmonyOS4.0系列教程分享

    Next_HarmonyOS4.0系列教程由业内大神录制于2024年,包括:HarmonyOS ArkTs、ArkUI、ArkTs Api、ArkTs Native、OpenHarmony ArkUI-X
    发表于 02-28 10:29

    物联网平台机智云Android开源框架入门之旅

    开源框架:是开源的适用于物联网的软件框架,用于无缝的支持设备到设备的互联。。机智云目前提供3套SDK:iOS平台原生SDK、Android
    发表于 11-09 14:37

    鸿蒙OS适用的全场景到底什么意思?

    上,未来会有越来越多的智能设备使用开源的鸿蒙OS。华为消费者业务CEO余承东在介绍鸿蒙OS开发初衷时表示:“随着全场景智慧时代的到来,华为认为需要进一步提升操作系统的平台能力,包括支
    发表于 09-25 09:25

    鸿蒙:我来了!安卓:那我走?

    开发、调试和测试三个阶段都提供了更多功能来提升端应用开发效率。1. 开发阶段,DevEco Studio 3.0提供的以下功能帮助开发者实现端高效编码。■ 支持ArkUI3.0框架
    发表于 11-05 15:51

    ArkUI,更高效的框架设计

    ArkUI是一套用于构建HarmonyOS应用界面的UI开发框架,本期我们将从架构设计上来聊聊ArkUI的设计理念。 ArkUI架构图 从架构图可以看出,
    发表于 12-21 10:26

    如何用一套代码运行操作系统应用

    一、平台框架介绍 提到平台,要先理解什么是“平台”,这里的
    发表于 02-08 14:46

    TSC峰会回顾03 | 面向万物智联的应用框架的思考与探索

    首选的编程语言,并在2021年推出基于Kotlin的应用框架Jetpack Compose, 同时结合开发工具Android Studio逐步往设备以及
    发表于 04-19 15:15

    面向万物智联的应用框架的思考和探索(下)

    的优化等。这块会结合Open-Harmony上 ArkUI本身的演进和平台的相关需求逐步推进。 ArkUI-X项目在2022年以定向开源方式启动,先聚焦
    发表于 05-06 10:17

    面向万物智联的应用框架的思考与探索

    Android首选的编程语言,并在2021年推出基于Kotlin的应用框架Jetpack Compose, 同时结合开发工具Android Studio逐步往设备以及
    发表于 08-08 17:04

    资讯速递 | ArkUI-X 预览版已正式开源!

    较高。使用ArkUI-X平台项目后,复杂单品详情页代码一次编写支持运行到AndroidiOS和HarmonyOS(OpenHarmony
    发表于 08-11 16:10

    一文详细了解ArkUI框架新增能力

    ArkUI是一套UI开发框架,它提供了开发者进行应用UI开发时所必须的能力。随着OpenHarmony v3.1 Release(后文简称v3.1)版本的发布,ArkUI框架也增加了许
    的头像 发表于 04-27 13:44 1117次阅读
    一文详细了解<b class='flag-5'>ArkUI</b><b class='flag-5'>框架</b>新增能力

    ArkUI,更高效的框架设计

    上期文章我们讲到了ArkUI的三大特性,同时提到了ArkUI是一套用于构建HarmonyOS应用界面的UI开发框架,本期我们将从架构设计上来聊聊ArkUI的设计理念。
    的头像 发表于 12-21 09:15 1073次阅读

    资讯速递 | ArkUI-X 预览版已正式开源!

    上开发的精美、高性能应用同时运行在AndroidiOS等其它OS平台上。 ArkUI-X开源项目地址:https://gitee.com/arku
    的头像 发表于 08-22 22:19 503次阅读
    资讯速递 | <b class='flag-5'>ArkUI-X</b> 预览版已正式开源!

    鸿蒙ArkUI开发-Tabs组件的使用

    鸿蒙ArkUI开发-Tabs组件的使用
    的头像 发表于 01-19 16:01 363次阅读
    <b class='flag-5'>鸿蒙</b><b class='flag-5'>ArkUI</b>开发-Tabs组件的使用