HarmonyOS NEXT元服务开发快速入门案例

43 阅读1分钟

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

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

一、创建项目
1.创建项目,选择Atomic Service

12.png

2.AGC中先创建元服务项目

13.png

3.获取元服务项目

14.png

15.png

16.png

4.配置项目

17.png

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

18.png

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

19.png

在app.json5中修改“vender”值,该值表示“应用程序供应商”。

6.在项目下的resource>base>media下添加图片

20.png

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

21.png

22.png

23.png

2.依次创建卡片

24.png

25.png

26.png

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

27.png

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

28.png

widget代码:

29.png

widget_zk代码:

30.png

widget_dk代码:

31.png

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

32.png

2.创建新的page

33.png

34.png

35.png

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

37.png

42.png

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

38.png

39.png

40.png

Page:

41.png

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