掘金 阅读 ( ) • 2024-06-06 15:49

最近有很多新学的群友在问怎么自动切换鸿蒙应用图标并做好适配啊

先放效果图

image.png

那么,怎么得到的这个派蒙凝视呢

闲话不多说,我们直接开始

第一步

将你选好的图片文件复制进 entry/src/resources/base/media 资源目录中

第二步

找到 layered-image.JSON 文件

第三步

foreground 后面的图片文件名改成你的图片文件名

如图:

image.png

我这里是改成了 paimeng (我的图片文件名)

image.png

然后就得到了这个效果

image.png

!!!很明显,和我们的图片不适配,那怎么才可以做到大小适配呢,接着看!

第四步

我们点击entry然后新建找到 image Asset 打开,如图:

image.png

第五步

接着会出现这样的画面,选择你的图片文件,然后我们一路 finish 就好

image.png

第六步

继续 finish

image.png

第七步

然后如图,我们在 resources/phone-xxxIdpi/media 目录下找到生成的 icon 文件,将其复制到 resources/base/media 目录,并在复制的过程中将名字改成 foreground.png ,如图

image.png

第八步

如果刚刚有更改过 layered-image.JSON 文件的话,现在改回来。如图:

image.png 然后运行这个时候我们就成功的换了应用图标并且适配

image.png

那怎么换应用的名称呢

第一步

找到 entry/src/main/resources/base/element/string.Json 文件

第二步

点击右上角的 Open deitor

image.png

第三步

修改 base 列和 zh_CN 目录下的 EntryAbility_label 这一行 我这里是都改成了 派蒙,如图:

image.png

第四步

再次运行,这次我们就把应用的图标和名称都修改并适配完成啦,即:

image.png

额外拓展一个小效果

recording.gif

有没有看见一个派蒙图片的慢加载

那怎么实现这个效果呢,我们找到 entry/main/module.json 文件,我们修改 startWindowIcon 键的值,如图:

image.png 我们将后面的图片文件名换成你的图片文件名就可以啦

恭喜你,你已经学会怎么给鸿蒙应用切换图标和名称啦!!!