ionic3-修改APP应用图标（icon）和APP启动界面（Splash）

最新推荐文章于 2022-08-26 17:59:36 发布

weixin_33862993

最新推荐文章于 2022-08-26 17:59:36 发布

阅读量254

点赞数

文章标签： python 移动开发

原文链接：https://my.oschina.net/u/133911/blog/2873701

版权

2019独角兽企业重金招聘Python工程师标准>>>

命令

ionic cordova resources
ionic cordova resources --icon
ionic cordova resources --splash

准备

准备一张大小为1024*1024的图片文件作为APP的图标（命名：icon）
准备一张大小为2732 * 2732(ionic2为2208 * 2208)的图片作为APP的启动界面（命名：splash）
两张图片的格式为png、psd或ai都可

修改方法

将准备好的两张图片（注意分辨率和图片格式）替换到web-app目录下的resources文件夹下，如图：

resources.png
执行ionic cordova resources命令，或分别执行ionic cordova resources --icon和ionic cordova resources --splash
如图：

ionic cordova resources.png

说明

一般执行第一条命令（ionic cordova resources）即可，如失败（一般都是网络问题，有的是图片问题），网络问题：执行后第二、三条命令（ionic cordova resources --icon和ionic cordova resources --splash），图片问题：修改或更换图片。
如果在启动界面不显示“小圆圈”（进度圈），修改config.xml文件<preference name="ShowSplashScreenSpinner" value="false" />的value为false，为true为显示。
如图：

config.xml.png

其他

config.xml配置说明：

    <preference name="webviewbounce" value="false" />
    <preference name="UIWebViewBounce" value="false" />
    <preference name="DisallowOverscroll" value="true" />
    <preference name="android-minSdkVersion" value="16" />
    <preference name="BackupWebStorage" value="none" />
    <preference name="ShowSplashScreen" value="true" />
    <preference name="AutoHideSplashScreen" value="false" />
    <preference name="ShowSplashScreenSpinner" value="false" />
    <preference name="SplashMaintainAspectRatio" value="true" />
    <preference name="FadeSplashScreenDuration" value="300" />
    <preference name="SplashShowOnlyFirstTime" value="false" />
    <preference name="SplashScreen" value="screen" />
    <preference name="SplashScreenDelay" value="1500" />
    <preference name="Fullscreen" value="true" />
    <preference name="Orientation" value="landscape" />

<preference name="android-minSdkVersion" value="16" />
android最小sdk版本
v<preference name="BackupWebStorage" value="none" />
网络备份存储
<preference name="ShowSplashScreen" value="true" />
显示启动界面
<preference name="AutoHideSplashScreen" value="false" />
自动隐藏启动界面
<preference name="ShowSplashScreenSpinner" value="false" />
显示启动界面的进度圈
<preference name="SplashMaintainAspectRatio" value="true" />
屏幕保持长宽比
<preference name="FadeSplashScreenDuration" value="300" />
启动界面消失延迟
<preference name="SplashShowOnlyFirstTime" value="false" />
启动界面只在第一次显示
<preference name="SplashScreen" value="screen" />
启动界面
<preference name="SplashScreenDelay" value="1500" />
启动界面延迟
<preference name="Fullscreen" value="false" />
全屏显示
<preference name="Orientation" value="landscape" />
屏幕方向。Orientation设置可以让你锁定应用程序屏幕方向以阻止屏幕自动翻转。可选的值有：default，landscape(横屏)，portrait(竖屏)。