Ionic如何更改应用程序图标以及启动界面SplashScreen
2018-03-22 20:58
363 查看
在工作过程中,用ionic生成的程序需要更改图标和更改启动界面Splash screen的图像时,大家不看官方文档的话可能都不知道如何生成,下面给大家介绍一下步骤。
注意:运行此命令前请确认已经添加平台,运行此命令后需要你输入注册的邮箱和密码,如果没有注册请去ionic官网注册帐号使用。命令运行结果如下:
查看resources目录下查看,会发现多了md5文件以及各个平台下的资源文件都已经换成新的了。 接下来让我们编译成APP,在手机上运行上看一下结果吧!
随意做了两张图片,效果不是特别的好,只是为了演示,见笑了^-^ 如果觉得写的不错,可以打赏哦,您的支持是我一直努力的动力!
第一步:打开程序目录下的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,在手机上运行上看一下结果吧!
随意做了两张图片,效果不是特别的好,只是为了演示,见笑了^-^ 如果觉得写的不错,可以打赏哦,您的支持是我一直努力的动力!
相关文章推荐
- ionic3 自动创建启动背景splash以及图标icon
- Android studio如何更改应用程序的图标以及名称
- Android studio如何更改应用程序的图标以及名称
- 如何创建启动界面Splash Screen
- Ionic 中 Icon(应用图标)和splash Screen(启动画面)
- Android studio如何更改应用程序的图标以及名称
- Ubuntu下经典JAVA开发环境搭建 以及 Ubuntu中如何在桌面、启动面板以及应用程序菜单上添加图标
- ionic 自动生成APP图标与启动界面
- 【Ionic】---App名字和图标修改+启动画修改(SplashScreen)
- VS2013如何生成exe文件以及如何更改exe程序图标
- Android如何做到应用程序图标隐藏,由第三方程序显示启动
- iOS如何添加图片资源以及设置应用程序图标
- glassfish3更改端口号以及命令行下如何启动和关闭glassfish
- Xcode添加应用图标以及启动界面
- [Phonegap+Sencha Touch] 移动开发36 Phonegap/Cordova项目的图标和启动画面(splashscreen)配置
- Qt带进度条的启动界面(继承QSplashScreen,然后使用定时器)
- Xcode加入应用图标以及启动界面
- Android如何做到应用程序图标隐藏,由第三方程序启动
- WPF启动界面(SplashScreen)在安装部署后启动不了的问题
- [Phonegap+Sencha Touch] 移动开发36 Phonegap/Cordova项目的图标和启动画面(splashscreen)配置