您的位置:首页 > 其它

Ionic如何更改应用程序图标以及启动界面SplashScreen

2018-03-22 20:58 363 查看
在工作过程中,用ionic生成的程序需要更改图标和更改启动界面Splash screen的图像时,大家不看官方文档的话可能都不知道如何生成,下面给大家介绍一下步骤。 

第一步:打开程序目录下的resources目录,把icon.png和splash.png文件删除掉,在删除前可以看下这两个文件大小,ionc.png文件是1024×1024px,splash.png文件是2732×2732px。

 

第二步:让公司的美工或者自己用PS软件或者AI软件制作icon图和splash图,文件大小就是第一步说的那个大小,注:PS软件生成的图像保存成PSD文件,AI软件生成的图像保存成AI文件,当然生成PNG文件也是可以的。这里我用PS讲解,生成后目录状态是这样的:

 


第三步:启动CMD,来到程序所在的目录,运行命令

ionic cordova resources

注意:运行此命令前请确认已经添加平台,运行此命令后需要你输入注册的邮箱和密码,如果没有注册请去ionic官网注册帐号使用。命令运行结果如下:

查看resources目录下查看,会发现多了md5文件以及各个平台下的资源文件都已经换成新的了。 接下来让我们编译成APP,在手机上运行上看一下结果吧!



随意做了两张图片,效果不是特别的好,只是为了演示,见笑了^-^ 如果觉得写的不错,可以打赏哦,您的支持是我一直努力的动力! 
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息