鸿蒙应用修改应用名称、图标和启动动画教程_鸿蒙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.png和foreground.png组合而成的,在这个案例中我们只需要将foreground.png替换成我们生成的应用图标即可。我这里直接使用src/main/resources/phone-ldpi/media/icon_startwindow.png粘到AppScope下media里并且改名字把原有的foreground覆盖掉了。然后重新运行项目发现应用图标已经改了。
三、修改启动动画
在项目启动后我们可以看到应用的启动动画里,中间是默认的应用图标,我们可以把这个改一下。
原有的启动图标是在src/main/resources/base/media目录下的startIcon.png,我们直接把图标文件里的应用图标拿过来粘到media下,并且名字改成startIcon.png,来一招狸猫换太子,这时重新跑项目就会发现启动图标变成了我们喜欢的样子。
PS:想要启动图标大一些的可以选择大一点的图标替换进去。
至此,应用的名称、图标以及启动动画修改完毕~如果对您有帮助的话麻烦点个赞,谢谢啦~
加入班级考证领奖
- 班级链接:华为开发者学堂
2. 为匹配获奖,班级学号请填写与开发者联盟一致的手机号码(登录的号码)
3. 加入班级, 考取初级或高级证书, 即可领取到华为奖品(如果两个证书已有, 不可参加次活动)