phonegap build nicht zeigen, splashscreen

Diese Frage gestellt wurde in der Vergangenheit, aber keine der Antworten, die ich gefunden habe, haben das problem bei mir gelöst.

Ich versuche, eine sehr einfache phonegap-app zu zeigen, einen splash-screen und verkünden, wenn es fertig ist. Es ist nur eine test-app zu arbeiten, wie mit dem splash-screen.

Ich bin mit phonegap build durch die phonegap cli.
phonegap version 3.5.0
getestet auf android nur

Ich habe einen Ordner www, wo config.xml liegt. Alle splashscreens befinden sich innerhalb www/res/screen/<platform>/filename.png

meine config Datei ist

<?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="[email protected]" 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>

InformationsquelleAutor Peter Saxton | 2014-08-19

22

Du nicht über die Standard-splash-tag, die
```
<splash src="splash.png" />
```
Es in der Dokumentation:
http://docs.phonegap.com/phonegap-build/configuring/icons-and-splash/

Update

Wenn Sie mit phonegap version cli-5.1.1 oder höher, müssen Sie die neue splashscreen-plugin von npm.

Hier ist das neue plugin auf github, dort kann man finden, wie es zu benutzen:

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

das war das eine. Am Ende ich glaube nicht, verwenden Sie die Standard-splash-screen (die Angabe einer bestimmten Auflösung), aber das Programm wirft seltsame Fehler, wenn Sie fehlt ein Standard-splash
Das löst nicht wirklich das problem. Die Standard-splash-screen-Bild wird Hinzugefügt, um die apk auf zu bauen, aber die anderen Bilder werden ignoriert.
Wenn das nicht hilft, dann gibt es etwas, was falsch in deinem build. Die Lösung, die ich gab, war und ist spezifisch für die OPs problem.
ist richtig.
Sehen, ob dieser post in den Adobe-Foren hilft: forums.adobe.com/message/9147052#9147052

InformationsquelleAutor Subjective Effect
7

Ich das problem gelöst, durch hinzufügen
```
<preference name="SplashScreen" value="splash" />
```
Dies ist eine zusätzliche Präferenz, um diejenigen, die bei der Verwendung von phonegap erstellen. Ich kann auch nicht finden, eine gute Dokumentation, die auf dieser.

Darüber hinaus habe ich nicht benötigen einen Standard-splashscreen, wie beschrieben, in einigen Fragen, wenn ich diese Einstellung

Einige zusätzliche Informationen für android: Die einzige "Dokumentation" zu diesem Thema fand ich in der CordovaLib/src/org/apache/cordova/CordovaActivity.java. Wenn Sie untersuchen die Methode loadUrl den Wert für den splash-Bildschirm geladen wird, aus den Einstellungen.getString("SplashScreen", null), und als mit getResources().getIdentifier(splash, ...). Das problem ist, dass der Wert für SplashScreen ist nicht immer "splash". In meinem Fall war es "Bildschirm". Sie können sich die Wert in platforms/android/ant-build/R.txt
<preference name="SplashScreen" value="screen"/> gelöst ist es für mich (Bildschirm vs. splash).
Wo value ist das Verzeichnis, in dem Sie Ihre splash-screens befindet. Siehe diesen post für mehr info

InformationsquelleAutor Peter Saxton
2

Nach erforschen und zu versuchen, eine Menge, schließlich ist dies für mich gearbeitet:

Fügen Sie diese an Ihre Vorlieben:
```
<preference name="SplashScreen" value="splash" />
```
und fügen Sie diese vor Ihrem ersten splash-image src Eintrag:
```
<splash src="splash.png" />
```
Vielleicht wichtig zu erwähnen, denn ich weiß es nicht:

Wenn Sie das online-phonegap apk-Konverter mit Hydratation aktiviert Ihre Anwendung, u müssen neu erstellen Sie, die app komplett, anstatt einfach zu aktualisieren. Dies wird Ihnen helfen, auch mit Einstellungen wie "Orientierung" oder "fullscreen" !

InformationsquelleAutor howard.D
0

Cordova implementiert die device-level-APIs als plugins. Verwenden Sie der CLI plugin Befehl, beschrieben in Der Command-Line Interface, um dieses feature für ein Projekt: benutzen Sie Bitte folgenden link für mehr Informationen

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

InformationsquelleAutor Rathore
0

Ich hatte das gleiche problem und habe es gelöst durch die Umwandlung der splash-Bild .png statt .jpg.

InformationsquelleAutor jgleal

Sollten Sie (wie in müssen) legen Sie Ihren splash.png-s im www/res/drawable-*/splash.png
und icon.png-s im www/res/drawable-*/icon.png so dass diese Struktur unter www Ordner

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

Und Ihre config.xml enthalten sollte, diese Zeilen

    <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" />

Für die vollständige Bild, hier ist die android-Sektion auf meiner 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>

Führen Sie nun phonegap remote build android und öffnen Sie die log-Datei von phonegap build.

Die log-Datei befindet sich bei https://build.phonegap.com/apps/X/logs/android/build/ wo X ist Ihre App ID

In der Protokoll-Sie sollten etwas sehen wie

...
[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
...

Wenn Sie sehen, dass diese Linien dann der splash-screen sollte funktionieren.

Beachten Sie auch diese Zeile in config.xml

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

Dieser erzählt die phonegap build, dass Ihre splash-screen-png-Dateien sind benannt als splash.png. Auf diese Weise ist das system in der Lage, Sie zu lokalisieren.

InformationsquelleAutor Levon

In meinem Fall habe ich nur noch <preference name="ShowSplashScreenSpinner" value="false"/> es ist die Magie.

Hier ist das Android-Teil meiner config.xml

    <platform name="android">
        <allow-intent href="market:*" />
        <preference name="ShowSplashScreenSpinner" value="false"/>
    <splash src="res/screen/android/splash-land-hdpi.png" density="land-hdpi"/>
   <splash src="res/screen/android/splash-land-hdpi.png" density="land-ldpi"/>
   <splash src="res/screen/android/splash-land-hdpi.png" density="land-mdpi"/>
   <splash src="res/screen/android/splash-land-hdpi.png" density="land-xhdpi"/>
   <splash src="res/screen/android/splash-land-hdpi.png" density="port-hdpi"/>
   <splash src="res/screen/android/splash-land-hdpi.png" density="port-ldpi"/>
   <splash src="res/screen/android/splash-land-hdpi.png" density="port-mdpi"/>
   <splash src="res/screen/android/splash-land-hdpi.png" density="port-xhdpi"/> 
 </platform>

InformationsquelleAutor RAJESH KUMAR ARUMUGAM

0

Phonegap aktualisiert die build-system regelmäßig, so können Sie auch wollen, halten Sie in der Spur dieser Veränderungen. Bis gestern, ich sah, splash auf android, aber gar nicht arbeiten heute (6.5.0), obwohl ich keine änderungen an config.xml

Nachdem Sie die folgenden Einstellungen auf Ihre kürzlich eingeführte builder version Präferenz, funktioniert es wieder.
```
<preference name='phonegap-version' value='cli-6.5.0' />
<preference name='pgb-builder-version' value='2' />
```
builder-version 1 für alt-generator und 2 für das neue, das verwendet cordova wie builder.

Lesen Sie die folgenden pgb blog-post für weitere details.

https://blog.phonegap.com/phonegap-7-0-1-now-on-build-and-it-includes-some-important-changes-89087fe465f5

InformationsquelleAutor Ajay Singh

Nach viel Frust habe ich zum Glück gefunden dieser thread, dass hatte verschiedene Vorschläge.

Einfach die änderung der density Attribut qualifier auf den splash-Elemente in der config.xml Datei endete dieses Problem zu beheben, für mich. Ich bin auch der plugin Erklärung, falls es hilft.

<plugin name="cordova-plugin-splashscreen" spec="~5.0.2" />

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

InformationsquelleAutor Brett84c

Schreibe einen Kommentar

Du musst angemeldet sein, um einen Kommentar abzugeben.

Update