您现在的位置是:首页 > 文章详情

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

日期:2025-08-05点击:15

踏入鸿蒙世界的敲门砖,标志着您在技术征途上的全新起点,提升就业竞争力,获得行业认可,点亮职业成长先机,快人一步抢占未来应用开发赛道!https://developer.huawei.com/consumer/cn/training/dev-cert-detail/101666948302721398?ha_source=hmosclass-bokeyuan&ha_sourceId=89000444

项目代码gitee地址
(https://gitee.com/li-yangshui-and-jiaolong/HarmonyOS-Next-App/tree/master/MyApplication)
开源协议使用: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,作者鸿蒙时代)

 

原文链接:https://www.oschina.net/news/364428
关注公众号

低调大师中文资讯倾力打造互联网数据资讯、行业资源、电子商务、移动互联网、网络营销平台。

持续更新报道IT业界、互联网、市场资讯、驱动更新,是最及时权威的产业资讯及硬件资讯报道平台。

转载内容版权归作者及来源网站所有,本站原创内容转载请注明来源。

文章评论

共有0条评论来说两句吧...

文章二维码

扫描即可查看该文章

点击排行

推荐阅读

最新文章