跨Android、iOS、鸿蒙多平台框架ArkUI-X

已于 2024-05-15 21:38:09 修改
阅读量1.4k 收藏 8
点赞数 27
文章标签： android ios harmonyos
于 2024-03-29 07:45:00 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/2401_83047642/article/details/137109607
版权

ArkUI是一套构建分布式应用界面的声明式UI开发框架。它使用极简的UI信息语法、丰富的UI组件、以及实时界面预览工具，帮助您提升移动应用界面开发效率30%。您只需使用一套ArkTS API，就能在Android、iOS、鸿蒙多个平台上提供生动而流畅的用户界面体验。

一、配套关系

表1 版本软件和平台配套关系

目标平台项目编译使用OS SDK版本备注
OpenHarmony4.0 (API Version 10)Beta2
AndroidAndroid 8+ (API level 26+)NA
iOSiOS 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列表

项目名称简介
HelloWorldHellWorld应用工程示例，支持Android、iOS和OpenHarmony应用构建。
Shopping仿购物应用工程示例，支持Android、iOS和OpenHarmony应用构建。
HealthyDiet健康饮食应用工程示例，支持Android、iOS和OpenHarmony应用构建。
NativeNAPI应用工程示例，支持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版本。

\1. 配置Node.js环境

运行ACE Tools和OpenHarmony SDK需Node.js环境支持，建议下载14.19.1 - 16.19.1版本。可命令行运行 node -v 查看本地Node.js版本，如不存在或版本不符合要求，请自行下载安装稳定版本：Node.js下载地址，并配置到环境变量。

\2. 配置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

\3. 配置ohpm环境

OHPM CLI（OpenHarmony Package Manager Command-line Interface）是OpenHarmony应用工程的三方库的包管理工具，可通过DevEco Studio > File > Settings > Build, Execution, Deployment > Ohpm 查看ohpm home的安装路径，并配置到环境变量中。

\4. 配置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

上述命令会完成应用构建打包，并安装到目标平台设备运行。

img

最后

随着鸿蒙开发越来越火热，我了解到现在有很多小伙伴想入行鸿蒙，但又不知道学习哪些鸿蒙开发技术？不知道需要重点掌握哪些鸿蒙应用开发知识点？而且学习时频繁踩坑，最终浪费大量时间。我给大家整理了一份实用的鸿蒙（Harmony OS）开发学习手册资料用来跟着学习是非常有利于帮助大家提升鸿蒙开发技术的。

相对于网上那些碎片化的知识内容，这份学习资料的知识点更加系统化，更容易理解和记忆。资料包含了、应用开发导读(ArkTS)、HarmonyOS 概念、如何快速入门、开发基础知识、基于ArkTS 开发、等鸿蒙开发必掌握的核心知识要点，内容包含了（技术知识点。

希望这一份鸿蒙学习资料能够给大家带来帮助，有需要的小伙伴自行领取，限时开源，先到先得~无套路领取！！

通过这份资料，你将能够系统地学习鸿蒙开发的核心技术，避免在学习的过程中走弯路、浪费时间。相信在不久的将来，你将成为鸿蒙开发领域的佼佼者，为鸿蒙生态的繁荣发展贡献自己的力量。

  • 鸿蒙学习路线图：为您提供一个清晰的鸿蒙学习规划，助您高效掌握关键知识点。

在这里插入图片描述

有了路线图，怎么能没有学习资料呢，小编也准备了一份联合鸿蒙官方发布笔记整理收纳的《鸿蒙开发学习笔记》，内容包含ArkTS、ArkUI、Web开发、应用模型、资源分类…等知识点。

【有需要的朋友，可以扫描下方二维码免费领取！！！】

《鸿蒙（HarmonyOS）开发学习指南》

第一章 快速入门

1、开发准备

2、构建第一个ArkTS应用（Stage模型）

3、构建第一个ArkTS应用（FA模型）

4、构建第一个JS应用（FA模型）

5、…

图片

第二章 开发基础知识

1、应用程序包基础知识

2、应用配置文件（Stage模型）

3、应用配置文件概述（FA模型）

4、…

图片

第三章 资源分类与访问

1、 资源分类与访问

2、 创建资源目录和资源文件

3、 资源访问

4、…

图片

第四章 学习ArkTs语言

1、初识ArkTS语言

2、基本语法

3、状态管理

4、其他状态管理

5、渲染控制

6、…

图片

第五章 UI开发

1.方舟开发框架（ArkUI）概述

2.基于ArkTS声明式开发范式

3.兼容JS的类Web开发范式

4…

图片

第六章 Web开发

1.Web组件概述

2.使用Web组件加载页面

3.设置基本属性和事件

4.在应用中使用前端页面JavaScript

5.ArkTS语言基础类库概述

6.并发

7…

图片

11.网络与连接

12.电话服务

13.数据管理

14.文件管理

15.后台任务管理

16.设备管理

17…

图片

第七章 应用模型

1.应用模型概述

2.Stage模型开发指导

3.FA模型开发指导

4…

图片

扫描下方二维码免费领取，《鸿蒙（HarmonyOS）开发学习指南》

HarmonyOS小哈
关注
  • 27
    点赞
  • 踩
  • 8
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
cocos2d-x手机游戏开发：跨iOS、Android
10-11
cocos2d-x手机开发：跨iOS、Android和黑莓
【HarmonyOS开发】ArkUI-X 跨平台框架（使用ArkTs开发Android&IOS）
qq_23334071的博客
01-05 3800
ArkUI-X 跨平台框架进一步将 ArkUI 开发框架扩展到了多个OS平台，目前支持OpenHarmony、HarmonyOS、Android、 iOS，后续会逐步增加更多平台支持。开发者基于一套主代码，就可以构建支持多平台的精美、高性能应用。
android适配鸿蒙需要做的开发工作
Androiddddd的博客
01-03 1198
鸿蒙系统（HarmonyOS）是华为推出的一种分布式操作系统，旨在支持多种设备，包括智能手机、平板电脑、智能穿戴、智能家居等。以下是开发鸿蒙系统时需要注意的一些事项，希望对大家有所帮助。
Android：手把手带你入门跨平台UI开发框架Flutter，看完这篇
2401_84149882的博客
04-07 646
开发时，主要基于Framework层；运行时，则是运行在 Engine上Engine是Flutter的独立虚拟机，由它适配 & 提供跨平台支持；因为其存在，Flutter不使用移动端系统的原生控件， 而是使用自己 Engine 来绘制 Widget （Flutter的显示单元）；Dart 代码是通过 AOT 编译为平台的原生代码，所以 Flutter可直接与平台通信，不需要JS引擎的桥接。同时 Flutter 唯一要求系统提供的是 canvas，以实现UI的绘制。
跨Android、iOS、鸿蒙多平台框架ArkUI-X：重塑应用体验的未来
qq_56579776的博客
01-20 645
在这些框架中，ArkUI-X以其独特的优势和强大的功能，正逐渐成为开发者的首选工具。由于ArkUI-X具有跨平台的特性，它适用于各种应用场景，尤其适用于需要同时支持多个操作系统的企业级应用和大型应用。丰富的组件：ArkUI-X提供了丰富的UI组件和API接口，支持各种常见的应用功能，使开发者能够快速构建出美观、实用的应用界面。ArkUI-X的原生性能可以确保游戏的高帧率和流畅度，提供优秀的游戏体验。ArkUI-X原生技术的优势可以确保应用的高性能和安全性，满足金融行业的特殊需求。
初识鸿蒙跨平台开发框架ArkUI-X
xiangzhihong8的专栏
08-11 3873
HarmonyOS是一款面向万物互联时代的、全新的分布式操作系统。在传统的单设备系统能力基础上，HarmonyOS提出了基于同一套系统能力、适配多种终端形态的分布式理念，能够支持手机、平板、智能穿戴、智慧屏、车机等多种终端设备，提供全场景（移动办公、运动健康、社交通信、媒体娱乐等）业务能力。ArkTS 是华为自研的开发语言。它在TypeScript（简称TS）的基础上，匹配 ArkUI 框架，扩展了声明式 UI 、状态管理等相应的能力，让开发者以更简洁、更自然的方式开发跨端应用。
鸿蒙跨平台框架来了ArkUI-X
weixin_45821276的博客
02-29 2435
众所周知，鸿蒙应用可以跨设备的运行，例如用鸿蒙开发的应用可以运行在手机，平台，穿戴等等IOT设 备，但是如果我想让开发的鸿蒙应用运行在Android手机上是否可行？
鸿蒙跨平台框架来了ArkUi-X
xq610928的博客
10-26 532
各位同学大家有段时间没有给大家更新博客了 之前鸿蒙推出了鸿ArkUi-X 框架所以就写个文章分享一下鸿蒙的 ArkUi-X其实之前朋友就有提到过 一直没有去尝试，国庆放长假期回来我觉得有必要分享给大家，在这里我也希望鸿蒙能够崛起 这样也可以给我们开发者创造出更多的岗位 至于这个语言arkts 算是ts超集, 前端的同学比较容易上手跟flutter也比较像 学起来也没什么难度。ArkTS + ArkUI-X ，让国产自研技术达到了一个新高度，完成了从零到一的迈步，让自研不再是 PPT ，不再是“套壳”
鸿蒙ArkUI-X跨端应用开发，一套代码构建多平台应用
码鹿的记录
10-28 2131
ArkUI是一套构建分布式应用的声明式UI开发框架。它具备简洁自然的UI信息语法、丰富的UI组件、多维的状态管理，以及实时界面预览等相关能力，帮助您提升应用开发效率，并能在多种设备上实现生动而流畅的用户体验。详情可参考ArkUI框架介绍ArkUI-X进一步将ArkUI扩展到了多个OS平台：目前支持OpenHarmony、HarmonyOS、Android、 iOS，后续会逐步增加更多平台支持。开发者基于一套主代码，就可以构建支持多平台的精美、高性能应用。
鸿蒙跨平台 ArkUI-X从入门到入土
m0_56255097的博客
05-05 872
喊了好长时间要做鸿蒙应用，自己也写了一点，但要同时照顾三个移动平台有点恶心，大致看了一下鸿蒙社区的 arkui-x 跨平台方案,先调研一下试试水注意文章所说的官方是指社区，并不是指华为公司，更不是其他鸿蒙开发正当时，现在入手正是好时机。还在犹豫不决的朋友们，小编在这里建议大家早点入手！在这里分享一份鸿蒙学习路线图帮助那些不知道怎么入门的朋友，另外一些鸿蒙开发的资料文档也顺便分享给大家，扫下方二维码就能免费送呢！1、UI开发（ArkTS声明式开发范式）概述2、开发布局3、添加组件4、显示图片。
基于Vue.js的跨平台开发高质量原生（Android iOS）应用
02-19
基于Vue.js的跨平台开发高质量原生（Android iOS）应用
XToolkit.Chat：针对Android和iOS的跨平台聊天实现
02-06
XToolkit.Chat 适用于Android和iOS的跨平台聊天。平台类安卓的iOS组件Xamarin.Android聊天UI Xamarin.iOS聊天界面SignalR客户端HTTP客户端常用聊天逻辑关于该项目由Softeq Development Corp.维护。 我们专注于使用...
Object-C-使用object-c开发的iOS平台网络框架-network.zip
03-09
Object-C_使用object-c开发的iOS平台网络框架_network
Uber的跨平台移动架构框架。-Android开发
05-26
RIB是Uber许多移动应用背后的跨平台架构框架。 RIB的名称是Router，Interactor和Builder的缩写，它们是此体系结构的核心组件。 此框架是为移动应用程序设计的RIB是Uber许多移动应用程序背后的跨平台体系结构框架。 ...
Android基础-内存泄漏
最新发布
层楼终究误少年
06-01 1140
在Android开发中，内存泄漏是一个常见且重要的问题，它不仅影响应用的性能，还可能导致应用崩溃。因此，分析和解决内存泄漏问题对于提升应用的稳定性和用户体验至关重要。内存泄漏是Android开发中常见且重要的问题之一。通过合理的内存管理、使用适当的工具进行内存泄漏分析和解决常见的内存泄漏原因，我们可以有效地提升Android应用的稳定性和用户体验。内存泄漏是指在程序运行过程中，由于错误的内存管理导致无法释放已经不再使用的内存资源，从而造成内存消耗过大或者内存溢出的问题。二、内存泄漏的常见原因。
详解 QtAndroid::requestPermissionsSync
github_37290846的博客
05-27 450
在这个示例中，我们首先创建了一个包含所需权限的字符串列表，然后使用 QtAndroid::requestPermissionsSync 函数同步请求这些权限。根据用户的响应，我们可以决定是继续执行需要权限的操作，还是处理权限被拒绝的情况。然而，QtAndroid::requestPermissionsSync 提供了一个简单的同步解决方案，特别适用于某些需要立即获取权限的场景。最后，由于 Qt 和 Android 平台的不断更新，建议查阅最新的 Qt 文档以获取最准确和最新的信息。
安卓手机APP开发___设置闹钟
红孩儿编程大师
05-29 1282
闹钟（基于 AlarmManager 类）为您提供了一种在应用生命周期之外 执行基于时间的操作的方法。例如，您可以使用闹钟启动长时间运行 的操作，如每天启动一次服务以下载天气预报。
Android USB调试模式下自动上下滑动（Go实现）
听我一言的博客
05-28 621
Golang实现通过ADB控制手机自动上下滑动
国内有哪些跨平台开发APP跟iOS的框架？
06-01
国内有一些跨平台开发APP和iOS的框架，其中比较有代表性的包括以下几个： 1. React Native：React Native是Facebook公司开发的一个跨平台移动应用程序开发框架，可以使用JavaScript来编写iOS和Android应用程序。 2. Flutter：Flutter是Google公司开发的一个跨平台移动应用程序开发框架，使用Dart语言编写，支持iOS、Android、Web等多个平台。 3. Weex：Weex是阿里巴巴开发的一个跨平台移动应用程序开发框架，支持iOS和Android平台，可以使用Vue.js或Rax来编写应用程序。 4. Uni-app：Uni-app是DCloud公司开发的一个跨平台移动应用程序开发框架，支持iOS、Android、Web等多个平台，可以使用Vue.js来编写应用程序。 除了以上几个框架，还有一些其他的跨平台开发框架，比如Cordova、Ionic等，也可以用来开发iOS应用程序。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值