天天看点

04 ionic+angular开发webapp笔记(修改应用的图标和载入图片和app的名字)

修改应用的基础信息很简单,在应用的根目录找到config.xml文件

<name>这里修改app名字</name>
    <description>
        这里是app描述
    </description>
    <author email="[email protected]" href="http://example.com/" target="_blank" rel="external nofollow" >
        这里填写作者和邮箱的地方
    </author>
           

在上面的位置直接修改app的相关信息即可

修改app的图标和载入图片需要找到resources文件夹,进入后会发现两个图片,一个叫icon.png这是app图标的原图片,推荐大小1024x1024,另一个是载入时显示的图片,推荐大小是2208x2208。别问我为什么推荐这个,这是ionic推荐的,本身带的就是这么大,图片的格式可以是png,psd和ai。

将这两张图片修改完成后,在根目录打开cmd,直接运行

ionic resources
           

即可,全部修改

或者可以单独修改图标或者单独修改载入时的

ionic resources --icon  ##单独生成应用图标
ionic resources --splash  ##单独生成应启动画面图片
           

修改这些东西很简单,但是,作者今天遇到了一个问题,将项目转移到了另一个电脑上以后,怎么也修改不成功,最后查了好长时间,发现是使用的platform的问题,然后我就重新装了一下平台

$ ionic platform rm android
$ ionic platform add android
$ ionic platform update [email protected]
           

然后就成功了

如果发现载入时没有显示启动图片,直接黑一下直接就打开了应用,需要安装

$ cordova plugin add cordova-plugin-splashscreen
           

继续阅读