最近鸿蒙的热度很高,不管是抖音上的相关视频、还是开发社区上关于鸿蒙的文章都很多。公司也有开发鸿蒙项目的意向,于是慢慢接触相关内容。
鸿蒙、Flutter、SwiftUI、Compose
都是声明式布局,这四者开发风格都比较相似。其中我个人觉得鸿蒙和Flutter是最像的,不仅代码风格和布局属性像,就连很多组件的命名都一模一样,比如Row、Column
等。
最开始我想着以后市场上肯定会出现很多用Flutter一拖三的方式开发的项目。但是我偶然看到一篇关于ArkUI-X
的文章发现鸿蒙可以跨平台
后就不这么觉得了,以后只需要开发一份鸿蒙代码,就可以满足鸿蒙、iOS、Android了。
ArkUI是鸿蒙的UI开发框架、ArkUI-X是基于ArkUI的跨平台框架。(ArkUI-X开源项目地址)
一、DevEco Studio
开发工具
DevEco Studio
版本要安装4.0.0.400,我最开始安装的3.1.0.501的发现不行。
DevEco Studio下载地址: Windows(64-bit) 、 Mac(Intel) 、 Mac(ARM)
不会安装的看一下官方教程:DevEco Studio 使用指南
二、配置
1、打开偏好设置
2、点击SDK,选择HarmonyOS,安装3.1.0(API 9)
3、切换Tools安装模拟器
4、选择OpenHarmony 安装 API Version 10
(安装前)
(安装成功)
三、配置 ArkUI-X
配置完后会看到偏好设置里面
多出来了一个ArkUI-X
,现在配置 ArkUI-X
四、新建项目
1、选择Import Sample
2、在弹出框中点击OpenHarmony
,选择ArkUI-X
下的HelloWorld
3、打开工程,构建,选择 编译App(s)
4、.arkui-x
目录下,可以分别看到Android
和iOS
项目的文件夹。
五、运行
用Xcode打开iOS工程,直接运行
就行了
真机运行效果:
.
注意:
\
我修改了代码,想在iOS上看到更新效果,于是在Xcode上重新运行了项目,但是一直看不到更新内容。于是我
重新构建
了一次,再运行
项目,就可以看到更新了。。。
.
资料:
鸿蒙应用开发-初见:ArkUI-X
鸿蒙开发者官网
ArkUI-X开源项目地址
DevEco Studio 使用指南
华为发布了跨平台开发的ArkUI-X,我不允许你学不会!
鸿蒙跨平台框架来了ArkUi-X
OpenHarmony 4.0 Release