2017-04-05 55 views
2

我正在使用VS 2015和Cordova CLI 6.1.1。 我不能讓spash屏幕工作,也不適用於Android,也不適用於iOS。該圖標在Android中顯示效果很好,但在iOS中不顯示。這裏是我的config.xml:科爾多瓦初始屏幕不能在android或iOS中加載

<?xml version="1.0" encoding="UTF-8" standalone="yes"?> 
<widget id="hr.studio.whatever.dev" version="1.0.4" xmlns="http://www.w3.org/ns/widgets" xmlns:cdv="http://cordova.apache.org/ns/1.0" defaultlocale="en-EN" android-versionCode="20170404"> 
    <name>Whatever</name> 
    <description> 
     An Ionic Framework and Cordova project for Visual Studio 
    </description> 
    <author email="[email protected]" href="http://taco.visualstudio.com">Visual Studio JS Mobile Tooling</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="15" /> 
    <preference name="BackupWebStorage" value="none" /> 
    <preference name="SplashScreen" value="screen" /> 
    <preference name="SplashScreenDelay" value="3000" /> 
    <preference name="windows-target-version" value="10.0" /> 
    <preference name="KeyboardDisplayRequiresUserAction" value="false" /> 
    <feature name="StatusBar"> 
    <param name="ios-package" onload="true" value="CDVStatusBar" /> 
    </feature> 
    <plugin name="cordova-plugin-device" spec="~1.1.2" /> 
    <plugin name="cordova-plugin-console" spec="~1.0.3" /> 
    <plugin name="cordova-plugin-whitelist" spec="~1.2.2" /> 
    <plugin name="cordova-plugin-splashscreen" spec="~3.1.0" /> 
    <plugin name="cordova-plugin-statusbar" spec="~2.1.3" /> 
    <plugin name="ionic-plugin-keyboard" spec="~2.1.0" /> 
    <platform name="android"> 
    <icon src="resources/android/icon/mipmap-ldpi/ic_launcher.png" density="ldpi" /> 
    <icon src="resources/android/icon/mipmap-mdpi/ic_launcher.png" density="mdpi" /> 
    <icon src="resources/android/icon/mipmap-hdpi/ic_launcher.png" density="hdpi" /> 
    <icon src="resources/android/icon/mipmap-xhdpi/ic_launcher.png" density="xhdpi" /> 
    <icon src="resources/android/icon/mipmap-xxhdpi/ic_launcher.png" density="xxhdpi" /> 
    <icon src="resources/android/icon/mipmap-xxxhdpi/ic_launcher.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/[email protected]" width="20" height="20" /> 
    <icon src="resources/ios/icon/[email protected]" width="20" height="20" /> 
    <icon src="resources/ios/icon/[email protected]" width="29" height="29" /> 
    <icon src="resources/ios/icon/[email protected]" width="29" height="29" /> 
    <icon src="resources/ios/icon/[email protected]" width="29" height="29" /> 
    <icon src="resources/ios/icon/[email protected]" width="40" height="40" /> 
    <icon src="resources/ios/icon/[email protected]" width="40" height="40" /> 
    <icon src="resources/ios/icon/[email protected]" width="40" height="40" /> 
    <icon src="resources/ios/icon/[email protected]" width="57" height="57" /> 
    <icon src="resources/ios/icon/[email protected]" width="57" height="57" /> 
    <icon src="resources/ios/icon/[email protected]" width="60" height="60" /> 
    <icon src="resources/ios/icon/[email protected]" width="60" height="60" /> 
    <icon src="resources/ios/icon/[email protected]" width="60" height="60" /> 
    <icon src="resources/ios/icon/[email protected]" width="76" height="76" /> 
    <icon src="resources/ios/icon/[email protected]" width="83.5" height="83.5" /> 
    <icon src="resources/ios/icon/[email protected]" width="50" height="50" /> 
    <icon src="resources/ios/icon/[email protected]" width="50" height="50" /> 
    <splash src="resources/ios/splash/[email protected]~iphone.png" height="960" width="640" /> 
    <splash src="resources/ios/splash/Default~iphone.png" height="480" width="320" /> 
    <splash src="resources/ios/splash/[email protected]~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/[email protected]~ipad.png" height="1536" width="2048" /> 
    <splash src="resources/ios/splash/[email protected]~ipad.png" height="2048" width="1536" /> 
    <splash src="resources/ios/splash/Default-Landscape~ipad.png" height="768" width="1024" /> 
    <splash src="resources/ios/splash/Default-Landscape-736h.png" height="1242" width="2208" /> 
    <splash src="resources/ios/splash/Default-Portrait~ipad.png" height="1024" width="768" /> 
    </platform> 
    <platform name="windows"> 
    <preference name="SplashScreenBackgroundColor" value="#ffffff" /> 
    <splash src="resources/windows/splash/Splash620x300.scale-100.png" width="620" height="300" /> 
    <icon src="resources/windows/icon/logo150x150.scale-100.png" width="150" height="150" /> 
    <icon src="resources/windows/icon/logo310x310.scale-100.png" width="310" height="310" /> 
    <icon src="resources/windows/icon/logo44x44.scale-100.png" width="44" height="44" /> 
    <icon src="resources/windows/icon/logo50x50.scale-100.png" width="50" height="50" /> 
    <icon src="resources/windows/icon/logo30x30.scale-100.png" width="30" height="30" /> 
    <icon src="resources/windows/icon/logo71x71.scale-100.png" width="71" height="71" /> 
    <icon src="resources/windows/icon/wide310x150.scale-100.png" width="310" height="150" /> 
    </platform> 
    <plugin name="cordova-plugin-ace" version="0.1.2" src="https://github.com/adnathan/ace" /> 
    <preference name="deployment-target" value="9.0" /> 
</widget> 

我向你保證,我仔細檢查過和三重檢查圖片的位置在我的項目文件夾:

  • 資源/安卓/飛濺/ *

  • 資源/ IOS /圖標/ *

  • 資源/ IOS /飛濺/ *

更重要的是,我重寫了文件夾 platforms \ android \ res 中的所有圖像,並在那裏放置了與我的圖像同名的圖像。沒有運氣。

我也試圖從config.xml中刪除此標籤:

<preference name="SplashScreen" value="screen" /> 

啓動屏幕是在沒有離子的默認,但只是空的屏幕與黑暗的背景(比黑色背景#000痘痘較輕的,我在應用程序中使用)

請幫忙!

P.S.我正在使用Splashcreen插件版本。 3.1.0 (http://cordova.apache.org/docs/en/latest/reference/cordova-plugin-splashscreen/index.html

回答

0

感謝曼努埃爾泰伯,誰在零件的幫助下,整個解決方案是這樣的: 需要工作的關鍵是

<preference name="FadeSplashScreen" value="false"/> 

,我需要科爾多瓦的調用之前移動節點<platform name="android">起來-plugin-splashscreen,所以我把它放在<preference name="SplashScreenDelay" value="3000" />

這讓它在Android上工作,我還沒有在iOS上測試它。

+0

在iOS中測試,工作正常。 – Dalibor

2

添加下面的喜好來你的config.xml:

<preference name="SplashScreen" value="screen"/> 
<preference name="AutoHideSplashScreen" value="true"/> 
<preference name="SplashShowOnlyFirstTime" value="false"/> 
<preference name="ShowSplashScreenSpinner" value="false"/> 
<preference name="FadeSplashScreen" value="false"/> 
<preference name="SplashScreenDelay" value="20000"/> 
<splash src="resources\splash.png"/> 

在這種配置下閃屏對我的作品(離子型2.3.0)。