【HarmonyOS】ArkUI-X 跨平台框架入门详解(一)

举报
GeorgeGcs 发表于 2025/07/20 20:54:19 2025/07/20
【摘要】 【HarmonyOS】ArkUI-X 跨平台框架入门详解(一) 一、前言1、ArkUI-X框架是什么?ArkUI-X是在ArkUI开发框架的基础上,进行扩展。支持多个OS平台,目前支持OpenHarmony、HarmonyOS、Android、 iOS。2、ArkUI-X目前的能力现状:在gitCode可以查询到跨平台框架的源码和使用说明等。不过目前维护推进速度比较慢,很多ArkUI上的A...

【HarmonyOS】ArkUI-X 跨平台框架入门详解(一)

一、前言

1、ArkUI-X框架是什么?

ArkUI-X是在ArkUI开发框架的基础上,进行扩展。支持多个OS平台,目前支持OpenHarmony、HarmonyOS、Android、 iOS。

image.png

2、ArkUI-X目前的能力现状:
在gitCode可以查询到跨平台框架的源码和使用说明等。不过目前维护推进速度比较慢,很多ArkUI上的API在框架上还不支持。并且安卓上操作效果也一般。

二、配置开发环境

1、以Android端开发为例,Android开发环境这里就不赘述了,可以当官方去看下。

2、DevEco IDE下载ArkUI-X的SDK:
File - Setting 选择 ArkUI-X,选择下载地址路径,选择自己需要的SDK版本。

image.png

3、配置ACE Tool (ArkUI Cross-Platform Environment)的环境变量


在Path系统环境变量,新增arkui-x的tolchains-bin地址即可,示例:
D:\CodeAPP\DevEcoStudio\ArkUI-X-SDK\17\arkui-x\toolchains\bin

image.png

4、检查ACE Tool的环境


ace check -v


5、检查多平台环境变量

image.png

三、创建DEMO工程

1、在File-Project-Create Project,选择Application中的ArkUI-X Emptry Ability 示例项目:

image.png

2、编译ArkUI-X框架项目:
在项目结构上看,与普通鸿蒙项目区别不大,只是多了arkui-x的文件夹。
DevEco Studio可打包生成不同平台的应用包。在主菜单栏,单击Build > Build Hap(s)/APP(s) > Build APP(s)。
当插入设备编译时,会检查环境,如有提示弹框,根据提示进行配置:

image.png

3、编译项目后,使用Ace或者AndroidStudio安装apk到安卓手机。

image.png

@Entry
@Component
struct Index {
  @State message: string = 'Hello World';

  build() {
    Row() {
      Column() {
        Text(this.message)
          .fontSize($r('app.float.page_text_font_size'))
          .fontWeight(FontWeight.Bold)
          .onClick(() => {
            this.message = 'Welcome ArkUI-X';
          })
      }
      .width('100%')
    }
    .height('100%')
  }
}

我们可以看到示例项目中,page页面内的写法,与普通鸿蒙ArkTS写法是一致。跨平台处理都在arkui-x文件中:

image.png

【版权声明】本文为华为云社区用户原创内容,未经允许不得转载,如需转载请自行联系原作者进行授权。如果您发现本社区中有涉嫌抄袭的内容,欢迎发送邮件进行举报,并提供相关证据,一经查实,本社区将立刻删除涉嫌侵权内容,举报邮箱: cloudbbs@huaweicloud.com
  • 点赞
  • 收藏
  • 关注作者

评论(0

0/1000
抱歉,系统识别当前为高风险访问,暂不支持该操作

全部回复

上滑加载中

设置昵称

在此一键设置昵称,即可参与社区互动!

*长度不超过10个汉字或20个英文字符,设置后3个月内不可修改。

*长度不超过10个汉字或20个英文字符,设置后3个月内不可修改。