鸿蒙HarmonyOS(一):跨平台开发ArkUI-X

最近鸿蒙的热度很高,不管是抖音上的相关视频、还是开发社区上关于鸿蒙的文章都很多。公司也有开发鸿蒙项目的意向,于是慢慢接触相关内容。

鸿蒙、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 目录下,可以分别看到AndroidiOS项目的文件夹。

五、运行

用Xcode打开iOS工程,直接运行就行了

真机运行效果:

.

注意:\

我修改了代码,想在iOS上看到更新效果,于是在Xcode上重新运行了项目,但是一直看不到更新内容。于是我重新构建了一次,再运行项目,就可以看到更新了。。。

.

资料:
鸿蒙应用开发-初见:ArkUI-X
鸿蒙开发者官网
ArkUI-X开源项目地址
DevEco Studio 使用指南
华为发布了跨平台开发的ArkUI-X,我不允许你学不会!
鸿蒙跨平台框架来了ArkUi-X
OpenHarmony 4.0 Release

相关推荐
廋到被风吹走2 小时前
【数据库】【MySQL】InnoDB外键解析:约束机制、性能影响与最佳实践
android·数据库·mysql
威哥爱编程2 小时前
【鸿蒙开发案例篇】定点出击!鸿蒙6.0视频碰一碰流转+实时进度同步案例
harmonyos·arkts·arkui
峥嵘life4 小时前
Android16 EDLA 认证测试CTS问题分析解决
android·java·服务器
嗝o゚4 小时前
鱼与熊掌可兼得?用Flutter+鸿蒙的混合架构破解性能与UI的世纪难题
flutter·架构·harmonyos
惟恋惜4 小时前
Jetpack Compose 的状态使用之“界面状态”
android·android jetpack
_李小白6 小时前
【Android FrameWork】第二十六天:BroadcastReceiver
android
遇到困难睡大觉哈哈6 小时前
HarmonyOS 应用数据持久化概述:Preferences、KV-Store、RelationalStore 到底怎么选?
笔记·华为·harmonyos
宇擎智脑科技7 小时前
Flutter 对接高德地图 SDK 适配鸿蒙踩坑记录与通信架构解析
flutter·架构·harmonyos
@#---7 小时前
如何准确判断json文件并且拿到我想要的信息
android·python·json
嗝o゚7 小时前
鸿蒙智慧屏与Flutter适配:无硬件功能的兼容处理
flutter·华为·开源·harmonyos