鸿蒙应用开发-初见:ArkUI-X

简介

  1. ArkUI是一套构建分布式应用的声明式UI开发框架,主要用于开发鸿蒙生态的多平台应用
  2. ArkUI跨平台框架(ArkUI-X)将ArkUI开发框架扩展到了多个OS平台:目前支持OpenHarmony、Android、 iOS
  3. ArkTS + ArkUI-X 对标的框架为 flutter,一次代码,编译为 native 全平台运行
  4. ArkUI-X开源项目地址

DevEco(4.0.0.400 beta)

下载地址

Windows(64-bit))

Mac(Intel))

Mac(ARM)

安装

双击下载好的.dmg文件进入下面页面,将DecEco-Studio拖进Application

环境配置

配置node.js 和 ohpm

这是借用的别人的一张图,是Windows下的。不过Mac下的大同小异 按照如图进行安装node.js和ohpm,一般第一次选择install就可以。

  1. node.js主要是提供JS编译
  2. ohpm主要用于包管理

因为我已经安装过了。所以我选择的是local。然后点击右边的文件夹图标找到安装node.js和ohpm的本地路径就行

配置 HarmonyOS SDK

进入偏好设置

搜索 SDK 关键字,然后选择HarmonyOS 安装 3.1.0API

切换到 Tools 安装模拟器

配置 OpenHarmony SDK

搜索 SDK 关键字,然后选择OpenHarmony 安装 3.1.0API

配置 ArkUI-X

ArkUI-X HelloWorld

打开DevEco导入样例

切换到 OpenHarmony,然后选择 ArkUI-X下的HelloWorld

打开工程后,进行编译,选择编译为App

编译后的工程在 .arkui-x 隐藏目录下。Android和iOS各自有一个文件夹

选择iOS文件夹,右键 show In Finder

打开 app.xcodeproj后,直接运行即可

查看构建产物,可以看到构建产物依赖了arkui_ios、hilog、resourcemanager这三个framework

小结

从ArkUI到ArkUI-X的进步,可以看出华为确实在不遗余力的推广Harmony-Next系统。 我也大概写了一点ArkTS代码,很多feature已经具备了,但和完善还是相差很多。只能说星星之火可以燎原吧,期望后面会越来越强,毕竟被科技卡脖子的事可不少

资料

相关推荐
yaoyaoxingzhe4 小时前
HarmonyOS应用《玄象》开发实战:Canvas 绘制星宿连线:moveTo / lineTo / stroke 路径绘制
harmonyos·鸿蒙
echohelloworld118 小时前
HarmonyOS应用开发实战:猫猫大作战-springMotion 三参数、responsiveSpringMotion 响应式弹簧、与 EaseO
harmonyos·鸿蒙
达子66611 小时前
第13章_HarmonyOs开发图解 视频
华为·音视频·harmonyos
fiona202611 小时前
HarmonyOS应用开发实战:猫猫大作战-如何精准设置缓存数量来平衡内存与滚动流畅度
harmonyos·鸿蒙
程序员黑豆12 小时前
鸿蒙应用开发之父子组件传参:@Prop 装饰器使用教程
前端·后端·harmonyos
FF2501_9402285812 小时前
HarmonyOS应用《玄象》开发实战:宜忌标签云:ForEach + padding + borderRadius 的 chip 实现
harmonyos·鸿蒙
程序员黑豆12 小时前
鸿蒙应用开发之V2状态管理:@Local、@ObservedV2、@Trace 使用教程
前端·后端·harmonyos
LEO1111012 小时前
HarmonyOS应用开发实战:猫猫大作战-onHover 触发时机、HoverType 类型判定、与 onTouch 的差异、TV/PC 场景应用四
harmonyos·鸿蒙
程序员黑豆12 小时前
鸿蒙应用开发之@State 装饰器详解:从基本类型到 @Observed/@ObjectLink/@Track 嵌套监听
前端·harmonyos