> 技术文档 > 鸿蒙应用修改应用名称、图标和启动动画教程_鸿蒙deveco studio如何修改应用图标和名称

鸿蒙应用修改应用名称、图标和启动动画教程_鸿蒙deveco studio如何修改应用图标和名称


引言

        在我们新建立好应用之后,启动模拟器后运行代码以后,在模拟器上就会产生默认的蓝底白方块的应用,名字叫\'label\',如图:

接下来本文将详细介绍基于目前相对较新的DevEco Studio的项目如何修改应用名称图标以及启动动画。

一、修改应用名称

        这里我们随便找来一个项目进行演示。需要在项目的 AppScope/app.json5 文件里修改应用的名称。打开 app.json5 文件后如图一所示,按住Ctrl键点击\"label\"后的值,可以跳转到一个string.json文件里,在\"value\"后面把默认的MyApplication改成自己的应用名称即可,如下图图三所示。

然后我们的应用名称就改好了。但,事实真的这样吗???

运行软件以后发现并没有什么卵用。抱歉前面讲了这么一大堆废话,写这些也只是为了防止别人无脑照搬我辛辛苦苦写的文章而已。接下来讲点真的,嘿嘿。

对于单层架构的应用来说,修改应用需要在src/main/module.json5里修改应用名称。结构如下图所示。

在该文件里的label标签值上(蓝框部分)按住Ctrl键点击,会跳转到一个string.json文件里,然后,桀桀桀,就可以在图中位置尽情地修改应用图标了嘿嘿嘿~

二、修改应用图标

2.1 快速生成应用图标素材

把自己软件的名称和想要的效果提交给豆包,让它给你生成个应用图标,选择好合适的图片后下载好,用电脑自带的画图3D软件或其他图像编辑软件去除多余的黑边,然后交给PS或者其他抠图软件(如鲜艺AI抠图),把图标主体抠出来。得到软件草图后我们进行下一步操作。

PS:这部分由于不涉及鸿蒙的相关知识,不作图片详细说明,若有相关疑问欢迎在评论区反馈~

2.2 利用DevEco Studio快速生成应用图标

将我们刚刚准备好的图标素材放到桌面(别的地方也行,只要能快速找到),在我们项目的entry下的resource目录上右键,选择新建 -> Image Asset,如下图所示:

在弹出的窗口中,点击path右边的文件图标,找到我们的图片,选择后会在右边自动生成各个尺寸的图标,然后点击Next。

PS:由于项目简单,就不区分前景图和背景图了,统一设置前景图为应用图标。

然后在弹出的窗口中点击finish即可。

然后就会发现在项目的resource下生成了多个图标文件夹,里面存放着我们应用的各个大小的图标。

2.3 替换原有的应用图标

默认的应用图标是由AppScope/resources/base/media目录下的background.pngforeground.png组合而成的,在这个案例中我们只需要将foreground.png替换成我们生成的应用图标即可。我这里直接使用src/main/resources/phone-ldpi/media/icon_startwindow.png粘到AppScopemedia里并且改名字把原有的foreground覆盖掉了。然后重新运行项目发现应用图标已经改了。

三、修改启动动画

在项目启动后我们可以看到应用的启动动画里,中间是默认的应用图标,我们可以把这个改一下。

原有的启动图标是在src/main/resources/base/media目录下的startIcon.png,我们直接把图标文件里的应用图标拿过来粘到media下,并且名字改成startIcon.png,来一招狸猫换太子,这时重新跑项目就会发现启动图标变成了我们喜欢的样子。

PS:想要启动图标大一些的可以选择大一点的图标替换进去。

至此,应用的名称、图标以及启动动画修改完毕~如果对您有帮助的话麻烦点个赞,谢谢啦~

加入班级考证领奖

  1. 班级链接:华为开发者学堂

     2. 为匹配获奖,班级学号请填写与开发者联盟一致的手机号码(登录的号码)

     3. 加入班级, 考取初级或高级证书, 即可领取到华为奖品(如果两个证书已有, 不可参加次活动)