wake-up-neo.net

phonegap - Begrüßungsbildschirm für Android-App

Könnte jemand bitte sagen, wie ich meiner HTML5-Phonegap-basierten Android-App einen Begrüßungsbildschirm hinzufügen kann. Ich möchte nur, dass es beim Laden 5 Sekunden lang angezeigt wird. Kann auch jeder sagen, wie groß der Splash-Screen sein soll.

83
Dancer

Um einen Begrüßungsbildschirm in einer PhoneGap-Android-Anwendung zu erhalten, müssen Sie Ihre splash.png-Datei in res/drawable-ldpi, res/drawable-mdpi, res/drawable-hdpi, res/drawable-xhdpi eingeben. Wo diese Verzeichnisse niedrige, mittlere, hohe und extra große Punkte pro Zoll darstellen. Sie müssen die Größe von splash.png (der Dateiname ist hier wichtig) für jedes Verzeichnis ändern. Andernfalls wird es von Android erweitert.

Die Größe jedes Bildes sollte sein: 

  • xlarge (xhdpi): mindestens 960 x 720
  • groß (hdpi): mindestens 640 x 480
  • mittel (mdpi): mindestens 470 x 320
  • klein (ldpi): mindestens 426 x 320

In Ihrer Java-Hauptklasse, derjenigen, die DroidGap erweitert, müssen Sie eine Zeile hinzufügen und eine andere ändern. Zuerst hinzufügen:

super.setIntegerProperty("splashscreen", R.drawable.splash);

diese Zeile sollte unter super.onCreate, aber vor super.loadUrl angezeigt werden. Dann müssen Sie Ihre loadUrl-Methode so ändern, dass sie vor dem Laden der Hauptseite 5 Sekunden lang pausiert. Es würde so aussehen:

super.loadUrl("file:///Android_asset/www/index.html", 5000);

Das sollte es für dich tun.

Ich habe kürzlich einige Aktualisierungen vorgenommen, wie SplashScreen auf PhoneGap Android funktioniert. Die Haupt-App wird jetzt geladen, während der Begrüßungsbildschirm angezeigt wird. Dies ist eine große Verbesserung gegenüber dem vorherigen blockierenden Begrüßungsbildschirmaufruf. Lest mehr über die Änderungen in meinem Blog .

176
Simon MacDonald

In der Dokumentation zu Phonegap (Apache Cordova) finden Sie genügend Details zum Startbildschirm und zu verschiedenen Auflösungen für Android und iOS an einem Ort.

http://docs.phonegap.com/de/2.2.0/cordova_splashscreen_splashscreen.md.html

6
Rajiv

In meiner Phonegap-App, Android-Version, löst der Eclipse-Debugger Wutanfälle aus, wenn Sie vor dem Aufruf von loadUrl den Begrüßungsbildschirm oder sogar den Ladedialog festlegen.

Beide funktionieren in der eigentlichen App, die auf einem Gerät installiert ist, aber sie führen zum Debuggen. Also habe ich sie hinter loadUrl gestellt, wo sie keinen Schaden anrichten können und trotzdem gut vor der App selbst zeigen.

public class App extends DroidGap {
/** Called when the activity is first created. */
@Override
public void onCreate(Bundle savedInstanceState) {
    super.onCreate(savedInstanceState);
    super.loadUrl("file:///Android_asset/www/index.html",5000);
    super.setStringProperty("loadingDialog", "Starting your app...");
    super.setIntegerProperty("splashscreen", R.drawable.splash);
    ...
}...
3
Wytze

Ich habe auch dieses Problem in Phonegap Android .. aber jetzt habe ich Lösung.

super.setIntegerProperty("splashscreen", R.drawable.splash);(find image under drawable folder named splash,so put splash.png under drawable folder)
super.loadUrl("file:///Android_asset/www/index.html",15000);(splash screen will show 15 sec.

Bearbeiten Sie Ihre Java-Hauptdatei im Ordner src in Ihrem Projektverzeichnis.

public class radiobiafra extends DroidGap
{
    @Override
    public void onCreate(Bundle savedInstanceState)
    {
         super.onCreate(savedInstanceState);

         super.setIntegerProperty("splashscreen", R.drawable.splash);
         super.loadUrl("file:///Android_asset/www/index.html",15000);
     }
}
3
user859952

Dies wird wahrscheinlich Ihren Bedürfnissen entsprechen. Sie können alle relevanten Einstellungen für config.xml, Bilder und Begrüßungsbildschirme in einer intuitiven Benutzeroberfläche von Nice anpassen und hinzufügen.

Ich empfehle, die Datei herunterzuladen und manuell zu installieren. Der webbasierte Air Installer scheint nicht zu funktionieren.

http://aj-software.com/configap/index.html

0
Phill Healey

Wenn Sie Cordova> = 3.6 verwenden und Ihre App mit der Cordova-Befehlszeilenschnittstelle erstellen, können Sie den Begrüßungsbildschirm über die Datei config.xml konfigurieren. Dies ist ein Beispiel für Android:

<platform name="Android">
    <!-- you can use any density that exists in the Android project -->
    <splash src="res/screen/Android/splash-land-hdpi.png" density="land-hdpi"/>
    <splash src="res/screen/Android/splash-land-ldpi.png" density="land-ldpi"/>
    <splash src="res/screen/Android/splash-land-mdpi.png" density="land-mdpi"/>
    <splash src="res/screen/Android/splash-land-xhdpi.png" density="land-xhdpi"/>

    <splash src="res/screen/Android/splash-port-hdpi.png" density="port-hdpi"/>
    <splash src="res/screen/Android/splash-port-ldpi.png" density="port-ldpi"/>
    <splash src="res/screen/Android/splash-port-mdpi.png" density="port-mdpi"/>
    <splash src="res/screen/Android/splash-port-xhdpi.png" density="port-xhdpi"/>
</platform>
<preference name="SplashScreenDelay" value="10000" />

Es gibt auch ein dediziertes Plugin , um den Begrüßungsbildschirm programmatisch anzuzeigen/auszublenden. 

Weitere Informationen finden Sie in der Cordova-Dokumentation .

0
lifeisfoo