OpenHarmony 开源电商项目

1.说明

鸿蒙App开发学习的过程中,写完调试看效果只能在DevEco Studio 模拟器或者预览器里面,无法真机调试,很不爽,据说有工程机、开发板什么的可以真机调,但这些条件现在不具备。

于是了解了下,怎么将纯血鸿蒙App,运行在Android设备上。查了一下还真可以。

采用OpenHarmony+ArkUI-X 开发的应用,可以编译生成Android、IOS项目,再使用AndroidStudio编译打包成Android应用,或者使用XCode编译成IOS应用。

OpenHarmony同样采用华为自研的开发语言ArkTs开发,相比纯 Harmony开发,OpenHarmony的语法更加严格,具体可以参照OpenHarmony官方文档,从TypeScript到ArkTS的适配规则

开发OpenHarmony应用,DevEco Studio版本不能太低,我这里安装的DevEco Studio 4.0Release版本,版本号为4.0.0.600,安装完成之后,再下载安装 OpenHarmony SDK(API Version10)、ArkUI-X SDK(API Version10)

2.效果

GItee上面有个ArkUI-X的电商开源项目,在学习了一番之后,自己也搞了个下面的这个四不像。

首页是参照以前写ReactNatve 时的一个页面,分类和购物车参考的小米商城,我的参考淘宝,最后的界面效果如下:

代码已上传到Gitee,地址 https://gitee.com/xukongjing/ark_ui_shopping.git

相关推荐
zhongcx2 小时前
鸿蒙应用示例:DevEco Testing 工具的常用功能及使用场景
harmonyos
@海~涛4 小时前
鸿蒙OpenHarmony
华为·harmonyos
zhongcx9 小时前
鸿蒙应用示例:镂空效果实现教程
harmonyos
训山10 小时前
【11】纯血鸿蒙HarmonyOS NEXT星河版开发0基础学习笔记-模块化语法与自定义组件
笔记·学习·华为·harmonyos·鸿蒙系统
helloxmg11 小时前
鸿蒙harmonyos next flutter混合开发之开发package
flutter·华为·harmonyos
zhongcx1 天前
鸿蒙应用示例:ArkTS UI框架中的文本缩进技巧
harmonyos
东林知识库1 天前
鸿蒙NEXT开发-自定义构建函数(基于最新api12稳定版)
华为·harmonyos
裴云飞1 天前
鸿蒙性能优化之布局优化
性能优化·harmonyos
zhongcx1 天前
鸿蒙应用示例:ArkTS中设置颜色透明度与颜色渐变方案探讨
harmonyos
真正的醒悟2 天前
华为资源分享
运维·服务器·华为