La compilation de téléphone ne montre pas l'éclaboussure

Cette question a été posée dans le passé, mais aucune des réponses que j'ai trouvées a résolu le problème pour moi.

J'essaie de faire une application de messagerie simple très simple pour afficher un écran de démarrage et annoncer quand il est prêt. C'est juste une application de test pour savoir comment utiliser l'écran de démarrage.

  • Ajouter l'effet Ripple à l'élément RecyclerView
  • Émetteur de langage changeant Android
  • Le partage de vue en fragment n'est pas affiché (restauré) lorsque vous revenez d'un autre fragment
  • Comment créer une nouvelle ligne ou onglet dans <string> XML (eclipse / android)?
  • Numérisation de code QR sans caméra à plein écran
  • Android: comment convertir l'int en chaîne et le placer dans un EditText?
    • J'utilise la compilation phonegap à travers le clap phonegap.
    • Phonegap version 3.5.0
    • Testé uniquement sur Android

    J'ai un dossier www où se trouve config.xml . Toutes les splashscreens sont situées dans www/res/screen/<platform>/filename.png

    Mon fichier de configuration est

     <?xml version='1.0' encoding='utf-8'?> <widget id="uk.co.workshop14.splashscreen-example-app" version="0.1.0" xmlns="http://www.w3.org/ns/widgets" xmlns:gap="http://phonegap.com/ns/1.0"> <name>splashscreen-example-app</name> <description> Hello World sample application that responds to the deviceready event. </description> <author email="support@phonegap.com" href="http://phonegap.com"> Peter </author> <preference name="permissions" value="none" /> <preference name="phonegap-version" value="3.5.0" /> <preference name="orientation" value="default" /> <preference name="target-device" value="universal" /> <preference name="fullscreen" value="true" /> <preference name="webviewbounce" value="true" /> <preference name="prerendered-icon" value="true" /> <preference name="stay-in-webview" value="false" /> <preference name="ios-statusbarstyle" value="black-opaque" /> <preference name="detect-data-types" value="true" /> <preference name="exit-on-suspend" value="false" /> <preference name="show-splash-screen-spinner" value="true" /> <preference name="auto-hide-splash-screen" value="false" /> <preference name="SplashScreenDelay" value="10000" /> <preference name="disable-cursor" value="false" /> <preference name="android-minSdkVersion" value="7" /> <preference name="android-installLocation" value="auto" /> <gap:plugin name="org.apache.cordova.device" /> <gap:plugin name="org.apache.cordova.splashscreen" /> <icon src="icon.png" /> <icon gap:platform="android" gap:qualifier="ldpi" src="res/icon/android/icon-36-ldpi.png" /> <icon gap:platform="android" gap:qualifier="mdpi" src="res/icon/android/icon-48-mdpi.png" /> <icon gap:platform="android" gap:qualifier="hdpi" src="res/icon/android/icon-72-hdpi.png" /> <icon gap:platform="android" gap:qualifier="xhdpi" src="res/icon/android/icon-96-xhdpi.png" /> <icon gap:platform="blackberry" src="res/icon/blackberry/icon-80.png" /> <icon gap:platform="blackberry" gap:state="hover" src="res/icon/blackberry/icon-80.png" /> <icon gap:platform="ios" height="57" src="res/icon/ios/icon-57.png" width="57" /> <icon gap:platform="ios" height="72" src="res/icon/ios/icon-72.png" width="72" /> <icon gap:platform="ios" height="114" src="res/icon/ios/icon-57-2x.png" width="114" /> <icon gap:platform="ios" height="144" src="res/icon/ios/icon-72-2x.png" width="144" /> <icon gap:platform="webos" src="res/icon/webos/icon-64.png" /> <icon gap:platform="winphone" src="res/icon/windows-phone/icon-48.png" /> <icon gap:platform="winphone" gap:role="background" src="res/icon/windows-phone/icon-173.png" /> <gap:splash gap:platform="android" gap:qualifier="port-ldpi" src="res/screen/android/screen-ldpi-portrait.png" /> <gap:splash gap:platform="android" gap:qualifier="port-mdpi" src="res/screen/android/screen-mdpi-portrait.png" /> <gap:splash gap:platform="android" gap:qualifier="port-hdpi" src="res/screen/android/screen-hdpi-portrait.png" /> <gap:splash gap:platform="android" gap:qualifier="port-xhdpi" src="res/screen/android/screen-xhdpi-portrait.png" /> <gap:splash gap:platform="blackberry" src="res/screen/blackberry/screen-225.png" /> <gap:splash gap:platform="ios" height="480" src="res/screen/ios/screen-iphone-portrait.png" width="320" /> <gap:splash gap:platform="ios" height="960" src="res/screen/ios/screen-iphone-portrait-2x.png" width="640" /> <gap:splash gap:platform="ios" height="1136" src="res/screen/ios/screen-iphone-portrait-568h-2x.png" width="640" /> <gap:splash gap:platform="ios" height="1024" src="res/screen/ios/screen-ipad-portrait.png" width="768" /> <gap:splash gap:platform="ios" height="768" src="res/screen/ios/screen-ipad-landscape.png" width="1024" /> <gap:splash gap:platform="winphone" src="res/screen/windows-phone/screen-portrait.jpg" /> <access origin="*" /> </widget> 

  • L'échec de l'Android échoue
  • Android Google Maps - arrière-plan personnalisé derrière tous les marqueurs
  • Comment rendre un EditText non éditable / désactivé
  • Appcompat / ajouter une bibliothèque avec studio Android
  • Le code source des pilotes de périphériques Storage & Network pour Nexus 6 et Samsung Galaxy S6
  • Comment créer une vue panoramique sur Android, comme les commentaires de Facebook?
  • 6 Solutions collect form web for “La compilation de téléphone ne montre pas l'éclaboussure”

    Vous n'avez pas la balise d'éclaboussure par défaut qui est

     <splash src="splash.png" /> 

    C'est dans la documentation: http://docs.phonegap.com/phonegap-build/configuring/icons-and-splash/

    Mettre à jour

    Si vous utilisez la version phonegap cli-5.1.1 ou supérieure, vous avez besoin du nouveau plugin splashscreen à partir de npm.

    Voici le nouveau plugin sur github, là où vous pouvez trouver comment l'utiliser:

    https://github.com/apache/cordova-plugin-splashscreen

    J'ai résolu le problème en ajoutant

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

    Il s'agit d'une préférence supplémentaire pour ceux générés lors de l'utilisation de la création de phonegap. Je ne trouve pas non plus de bonne documentation à ce sujet.

    En outre, je n'ai pas besoin d'un splashscreen par défaut comme décrit dans certaines questions lorsque j'ajoute cette préférence

    Après avoir étudié et essayé beaucoup, finalement cela a fonctionné pour moi:

    Ajoutez ceci à vos préférences:

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

    Et ajoutez ceci avant votre première entrée src d'impression:

     <splash src="splash.png" /> 

    Peut-être important de mentionner parce que je ne le savais pas:

    Si vous utilisez le convertisseur apk convertisseur phonegap en ligne avec l'hydratation activée pour votre application, vous devrez reconstruire votre application complètement au lieu de la mettre à jour. Cela vous aidera également avec des préférences telles que "orientation" ou "plein écran"!

    Cordova implémente les API au niveau des périphériques en tant que plugins. Utilisez la commande de plugin CLI, décrite dans l'interface de ligne de commande, pour ajouter cette fonctionnalité à un projet: utilisez le lien suivant pour plus d'informations

    http://docs.phonegap.com/fr/3.3.0/cordova_splashscreen_splashscreen.md.html

    J'ai eu le même problème et je l'ai résolu en convertissant l'image splash en étant .png au lieu de .jpg .

    Vous devriez (comme dans le must) mettre vos splash.png -s dans www/res/drawable-*/splash.png et icon.png -s dans www/res/drawable-*/icon.png afin d'avoir cette structure Sous le dossier www

     res ├── drawable-hdpi │ └── icon.png ├── drawable-land-hdpi │ └── splash.png ├── drawable-land-ldpi │ └── splash.png ├── drawable-land-mdpi │ └── splash.png ├── drawable-land-xhdpi │ └── splash.png ├── drawable-land-xxhdpi │ └── splash.png ├── drawable-land-xxxhdpi │ └── splash.png ├── drawable-ldpi │ └── icon.png ├── drawable-mdpi │ └── icon.png ├── drawable-port-hdpi │ └── splash.png ├── drawable-port-ldpi │ └── splash.png ├── drawable-port-mdpi │ └── splash.png ├── drawable-port-xhdpi │ └── splash.png ├── drawable-port-xxhdpi │ └── splash.png ├── drawable-port-xxxhdpi │ └── splash.png ├── drawable-xhdpi │ └── icon.png ├── drawable-xxhdpi │ └── icon.png └── drawable-xxxhdpi └── icon.png 

    Et votre config.xml devrait contenir ces lignes

      <splash qualifier="land-hdpi" src="res/drawable-land-hdpi/splash.png" /> <splash qualifier="land-ldpi" src="res/drawable-land-ldpi/splash.png" /> <splash qualifier="land-mdpi" src="res/drawable-land-mdpi/splash.png" /> <splash qualifier="land-xhdpi" src="res/drawable-land-xhdpi/splash.png" /> <splash qualifier="land-xxhdpi" src="res/drawable-land-xxhdpi/splash.png" /> <splash qualifier="land-xxxhdpi" src="res/drawable-land-xxxhdpi/splash.png" /> <splash qualifier="port-hdpi" src="res/drawable-port-hdpi/splash.png" /> <splash qualifier="port-ldpi" src="res/drawable-port-ldpi/splash.png" /> <splash qualifier="port-mdpi" src="res/drawable-port-mdpi/splash.png" /> <splash qualifier="port-xhdpi" src="res/drawable-port-xhdpi/splash.png" /> <splash qualifier="port-xxhdpi" src="res/drawable-port-xxhdpi/splash.png" /> <splash qualifier="port-xxxhdpi" src="res/drawable-port-xxxhdpi/splash.png" /> <icon qualifier="hdpi" src="res/drawable-hdpi/icon.png" /> <icon qualifier="ldpi" src="res/drawable-ldpi/icon.png" /> <icon qualifier="mdpi" src="res/drawable-mdpi/icon.png" /> <icon qualifier="xhdpi" src="res/drawable-xhdpi/icon.png" /> <icon qualifier="xxhdpi" src="res/drawable-xxhdpi/icon.png" /> <icon qualifier="xxxhdpi" src="res/drawable-xxxhdpi/icon.png" /> 

    Pour une image complète, voici la section Android de mon config.xml

     <platform name="android"> <allow-intent href="market:*" /> <preference name="android-minSdkVersion" value="14" /> <preference name="android-targetSdkVersion" value="22" /> <preference name="SplashScreen" value="splash" /> <preference name="SplashScreenDelay" value="3000" /> <preference name="ShowSplashScreenSpinner" value="false" /> <preference name="FadeSplashScreen" value="false" /> <preference name="SplashMaintainAspectRatio" value="true" /> <preference name="SplashShowOnlyFirstTime" value="false" /> <preference name="SplashShowOnlyFirstTime" value="false" /> <splash qualifier="land-hdpi" src="res/drawable-land-hdpi/splash.png" /> <splash qualifier="land-ldpi" src="res/drawable-land-ldpi/splash.png" /> <splash qualifier="land-mdpi" src="res/drawable-land-mdpi/splash.png" /> <splash qualifier="land-xhdpi" src="res/drawable-land-xhdpi/splash.png" /> <splash qualifier="land-xxhdpi" src="res/drawable-land-xxhdpi/splash.png" /> <splash qualifier="land-xxxhdpi" src="res/drawable-land-xxxhdpi/splash.png" /> <splash qualifier="port-hdpi" src="res/drawable-port-hdpi/splash.png" /> <splash qualifier="port-ldpi" src="res/drawable-port-ldpi/splash.png" /> <splash qualifier="port-mdpi" src="res/drawable-port-mdpi/splash.png" /> <splash qualifier="port-xhdpi" src="res/drawable-port-xhdpi/splash.png" /> <splash qualifier="port-xxhdpi" src="res/drawable-port-xxhdpi/splash.png" /> <splash qualifier="port-xxxhdpi" src="res/drawable-port-xxxhdpi/splash.png" /> <icon qualifier="hdpi" src="res/drawable-hdpi/icon.png" /> <icon qualifier="ldpi" src="res/drawable-ldpi/icon.png" /> <icon qualifier="mdpi" src="res/drawable-mdpi/icon.png" /> <icon qualifier="xhdpi" src="res/drawable-xhdpi/icon.png" /> <icon qualifier="xxhdpi" src="res/drawable-xxhdpi/icon.png" /> <icon qualifier="xxxhdpi" src="res/drawable-xxxhdpi/icon.png" /> </platform> 

    Maintenant, exécutez la phonegap remote build android et ouvrez le fichier journal à partir de la compilation de phonegap.

    Le fichier journal se trouve à https://build.phonegap.com/apps/X/logs/android/build/X est votre App ID

    Dans le journal, vous devriez voir quelque chose comme

     ... [crunch] Processing image to cache: /project/res/drawable-hdpi/icon.png => /project/bin/res/drawable-hdpi/icon.png [crunch] (processed image to cache entry /project/bin/res/drawable-hdpi/icon.png: 0% size of source) [crunch] Processing image to cache: /project/res/drawable-land-ldpi/splash.png => /project/bin/res/drawable-land-ldpi/splash.png ... 

    Si vous voyez ces lignes, votre écran d'affichage devrait fonctionner.

    Notez également cette ligne dans config.xml

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

    Cela indique à la compilation phonegap que vos fichiers png de l'écran d'accueil sont nommés splash.png . De cette façon, le système est capable de les localiser.

    coAndroid est un fan Android de Google, tout sur les téléphones Android, Android Wear, Android Dev et Android Games Apps.