没有显示离子应用程序的启animation面

我一直在尝试反复添加splashscreen到我的离子应用程序这个configuration的图标确实工作,但splashscreen不工作。 它显示一个空白的屏幕,甚至没有cordova默认的splashscreen.

 <?xml version="1.0" encoding="UTF-8" standalone="yes"?> <widget id="com.ionicframework.toggle423609" version="0.0.1" xmlns="http://www.w3.org/ns/widgets" xmlns:cdv="http://cordova.apache.org/ns/1.0"> <name>Toggle</name> <description> An Ionic Framework and Cordova project. </description> <author email="you@example.com" href="http://example.com.com/"> Your Name Here </author> <content src="index.html"/> <access origin="*"/> <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="SplashScreen" value="screen"/> <preference name="SplashScreenDelay" value="3000"/> <preference name="AutoHideSplashScreen" value="false" /> <feature name="StatusBar"> <param name="ios-package" value="CDVStatusBar" onload="true"/> </feature> <platform name="android"> <icon src="resources/android/icon/drawable-ldpi-icon.png" density="ldpi"/> <icon src="resources/android/icon/drawable-mdpi-icon.png" density="mdpi"/> <icon src="resources/android/icon/drawable-hdpi-icon.png" density="hdpi"/> <icon src="resources/android/icon/drawable-xhdpi-icon.png" density="xhdpi"/> <icon src="resources/android/icon/drawable-xxhdpi-icon.png" density="xxhdpi"/> <icon src="resources/android/icon/drawable-xxxhdpi-icon.png" density="xxxhdpi"/> <splash src="resources/android/splash/drawable-land-ldpi-screen.png" density="land-ldpi"/> <splash src="resources/android/splash/drawable-land-mdpi-screen.png" density="land-mdpi"/> <splash src="resources/android/splash/drawable-land-hdpi-screen.png" density="land-hdpi"/> <splash src="resources/android/splash/drawable-land-xhdpi-screen.png" density="land-xhdpi"/> <splash src="resources/android/splash/drawable-land-xxhdpi-screen.png" density="land-xxhdpi"/> <splash src="resources/android/splash/drawable-land-xxxhdpi-screen.png" density="land-xxxhdpi"/> <splash src="resources/android/splash/drawable-port-ldpi-screen.png" density="port-ldpi"/> <splash src="resources/android/splash/drawable-port-mdpi-screen.png" density="port-mdpi"/> <splash src="resources/android/splash/drawable-port-hdpi-screen.png" density="port-hdpi"/> <splash src="resources/android/splash/drawable-port-xhdpi-screen.png" density="port-xhdpi"/> <splash src="resources/android/splash/drawable-port-xxhdpi-screen.png" density="port-xxhdpi"/> <splash src="resources/android/splash/drawable-port-xxxhdpi-screen.png" density="port-xxxhdpi"/> </platform> <platform name="ios"> <icon src="resources/ios/icon/icon.png" width="57" height="57"/> <icon src="resources/ios/icon/icon@2x.png" width="114" height="114"/> <icon src="resources/ios/icon/icon-40.png" width="40" height="40"/> <icon src="resources/ios/icon/icon-40@2x.png" width="80" height="80"/> <icon src="resources/ios/icon/icon-50.png" width="50" height="50"/> <icon src="resources/ios/icon/icon-50@2x.png" width="100" height="100"/> <icon src="resources/ios/icon/icon-60.png" width="60" height="60"/> <icon src="resources/ios/icon/icon-60@2x.png" width="120" height="120"/> <icon src="resources/ios/icon/icon-60@3x.png" width="180" height="180"/> <icon src="resources/ios/icon/icon-72.png" width="72" height="72"/> <icon src="resources/ios/icon/icon-72@2x.png" width="144" height="144"/> <icon src="resources/ios/icon/icon-76.png" width="76" height="76"/> <icon src="resources/ios/icon/icon-76@2x.png" width="152" height="152"/> <icon src="resources/ios/icon/icon-small.png" width="29" height="29"/> <icon src="resources/ios/icon/icon-small@2x.png" width="58" height="58"/> <icon src="resources/ios/icon/icon-small@3x.png" width="87" height="87"/> <splash src="resources/ios/splash/Default-568h@2x~iphone.png" height="1136" width="640"/> <splash src="resources/ios/splash/Default-667h.png" height="1334" width="750"/> <splash src="resources/ios/splash/Default-736h.png" height="2208" width="1242"/> <splash src="resources/ios/splash/Default-Landscape-736h.png" height="1242" width="2208"/> <splash src="resources/ios/splash/Default-Landscape@2x~ipad.png" height="1536" width="2048"/> <splash src="resources/ios/splash/Default-Landscape~ipad.png" height="768" width="1024"/> <splash src="resources/ios/splash/Default-Portrait@2x~ipad.png" height="2048" width="1536"/> <splash src="resources/ios/splash/Default-Portrait~ipad.png" height="1024" width="768"/> <splash src="resources/ios/splash/Default@2x~iphone.png" height="960" width="640"/> <splash src="resources/ios/splash/Default~iphone.png" height="480" width="320"/> </platform> </widget> 

Solutions Collecting From Web of "没有显示离子应用程序的启animation面"

  1. 首先尝试阅读你的插件:

     $ ionic plugin remove cordova-plugin-splashscreen $ ionic plugin add cordova-plugin-splashscreen 
  2. 然后编辑您的resources文件夹中的splash图像。
  3. 在CLI中运行$ ionic resources --splash
  4. 重build$ ionic build android并运行你的应用程序

检查离子文档 – 图标和初始屏幕图像生成

如果这不起作用,您应该删除并读取您遇到问题的平台。

 $ cordova platform remove android (or ios) $ cordova platform add android (or ios) 

删除并添加cordova

  $ cordova platform remove android (or ios) $ cordova platform add android (or ios) 

你会得到一个/res文件夹与你的图标和闪屏。 复制/res的内容并粘贴到platfomrs/android/res ,这将取代标准图标和启animation面。

然后build立你的应用程序,你会得到你的自定义图像。

我用离子选项卡模板,没有改变。

这是你的答案!

如果您使用的是Cordova 6.4.0(在您的terminal上点击cordova -v来检查版本),您将面临这个问题(构build后图标和闪屏不会生成)

为了解决这个问题,你有两个select:

  1. 在您的config.xml中将单词密度更改为限定符 。 例如。 放

<icon src="resources\android\icon\drawable-ldpi-icon.png" qualifier="ldpi"/>取代<icon src="resources\android\icon\drawable-ldpi-icon.png" density="ldpi"/> 。 build立这个项目。 将工作。

  1. 只需在terminal上点击npm install -g cordova@6.3.1来安装cordova版本6.3.1。 删除然后添加平台,进一步构build它。 奇迹般有效!!。

问候!! :p

自2016年11月7日起。cordova6.4.0以新的android版本发布 – android@6.1.0。

最有可能的是你在你的cordova(或旧版本的android)中使用android @ 5。 尝试更新/安装新版本的cordova android。

升级:cordova平台更新android@6.1.0

明确地添加它:cordova平台添加android@6.1.0

https://cordova.apache.org/announcements/2016/11/07/android-release.html https://cordova.apache.org/blog/

我的飞溅屏幕也没有出现(离子3)。 我发现这个链接是非常有用的。 config.xml中的这些条目对我来说是个窍门:

 <preference name="SplashMaintainAspectRatio" value="true"/> <preference name="SplashScreen" value="screen"/> <preference name="SplashScreenDelay" value="30000"/> <preference name="AutoHideSplashScreen" value="false"/> <preference name="SplashShowOnlyFirstTime" value="false"/> <preference name="FadeSplashScreen" value="false"/> 

我们试图用下面的configuration系统来更新离子应用程序的启animation面,但是失败了:

Cordova CLI: 6.4.0 Ionic CLI Version: 2.1.7 Ionic App Lib Version: 2.1.4 ios-deploy version: 1.9.0 ios-sim version: 5.0.11 OS: macOS Sierra Node Version: v6.9.1 Xcode version: Xcode 8.1 Build version 8B62

我们能够在下面的configuration系统中生成启animation面并修复问题:

Cordova CLI: 6.3.1 Gulp version: CLI version 3.9.1 Gulp local: Local version 3.9.1 Ionic Framework Version: 1.2.4 Ionic CLI Version: 2.1.0 Ionic App Lib Version: 2.1.0-beta.1 ios-deploy version: Not installed ios-sim version: Not installed OS: Mac OS X El Capitan Node Version: v6.6.0 Xcode version: Xcode 8.1 Build version 8B62

我有同样的问题,我通过去pathMY_PROJECT\platforms\android\res手动解决,并删除drawable*mipmap* ,然后从MY_PROJECT\res复制drawable*mipmap* ,然后重新生成项目

检查是否安装了“cordova-plugin-splashscreen”插件(在plugins/文件夹中,或者运行ionic cordova plugins (用于Ionic v3 +)或ionic plugins命令(旧版本的Ionic))。

如果不在那里运行:
ionic plugin add cordova-plugin-splashscreen (Ionic v1 – v2)
ionic cordova plugin add cordova-plugin-splashscreen (离子v3 +)

没有这个插件,iOS仍然会显示简短的启animation面,但Android不会。