2017-04-05 8 views
2

私はVS 2015とCordova CLI 6.1.1を使用しています。 AndroidやiOSで動作するようにSpash画面を表示できません。アイコンはAndroidではうまく表示されますが、iOSでは表示されません。ここに私のconfig.xmlです:私はあなたを保証するアンドロイドやiOSでCordovaのスプラッシュ画面がロードされない

<?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 /スプラッシュ/ *

さらに、フォルダ プラットフォームの\ android \ res のすべての画像をオーバーライドし、そこに同じ名前の画像を配置しました。運がない。

私もconfig.xmlにからこのタグを削除しようとした:

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

スプラッシュ画面がイオンのデフォルトではありませんが、暗い背景(litle軽いとちょうど空の画面黒の背景#000よりもそのIアプリで使用)

助けてください!

P.S.私はSplashcreenプラグインverを使用しています。 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)。一部で助けたマヌエル・テーバーへ

関連する問題