HarmonyOS NEXT 应用开发快速入门案例

64 阅读1分钟

踏入鸿蒙世界的敲门砖,标志着您在技术征途上的全新起点,提升就业竞争力,获得行业认可,点亮职业成长先机,快人一步抢占未来应用开发赛道!developer.huawei.com/consumer/cn…

项目代码gitee地址
(gitee.com/li-yangshui…)
开源协议使用:Apache License 2.0 ,代码包支持免费使用,可进行二次开发后选择开源或闭源。
一、创建项目
1.创建项目,选择Application

7.png

2.配置项目

8.png

3.在AppScope文件下修改自定义项目配置

9.png

在resources>base>element>string.json中修改“app_name”值,该值表示“应用名称”。

10.png

在app.json5中修改“vender”值,该值表示“应用程序供应商”。
4.在项目下的resource>base>media下添加图片

11.png

二、创建卡片widget
1.创建微、小、中、大卡片

33.png

13.png

14.png

2.依次创建卡片

15.png

16.png

17.png

3.卡片创建完成,修改卡片配置代码

18.png

4.卡片代码如下:
widget_wk代码:

19.png

widget代码

20.png

widget_zk代码

21.png

widget_dk代码:

22.png

三、创建应用page
1.修改pages/Index.ets中的代码,代码如下:

23.png

2.创建新的page

24.png

25.png

26.png

3.新的page写入代码如下:

27.png

四、项目效果
1.预览器效果
Widget:

28.png

29.png

!
Page:

30.png

五、更换为OpenHarmony应用
打开entry下的build-profile.json5文件,更换“targets”字段中的“runtimeOS”属性值,点击右上方的Sync Now同步就。

31.png

32.png

(文章转载自51CTO,作者鸿蒙时代)