You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
 
 
 
 

5.6 KiB

cordova-plugin-splashscreen

Build Status

Ten plugin wyświetla i ukrywa ekran powitalny podczas uruchamiania aplikacji.

Instalacja

// npm hosted (new) id
cordova plugin add cordova-plugin-splashscreen
// you may also install directly from this repo
cordova plugin add https://github.com/apache/cordova-plugin-splashscreen.git

Obsługiwane platformy

  • Amazon Fire OS
  • Android
  • BlackBerry 10
  • iOS
  • Windows Phone 7 i 8
  • Windows 8
  • Windows
  • Przeglądarka

Metody

  • splashscreen.show
  • splashscreen.Hide

Dziwactwa Androida

W pliku config.xmlmusisz dodać następujące preferencje:

<preference name="SplashScreen" value="foo" />
<preference name="SplashScreenDelay" value="10000" />
<preference name="SplashMaintainAspectRatio" value="true|false" />

Gdzie foo jest nazwą pliku ekranu powitalnego, najlepiej 9 łatce. Upewnij się dodać pliki splashcreen do katalogu res/xml w odpowiednich folderach. Drugi parametr reprezentuje, jak długo ekranu powitalnego pojawi się w milisekundach. Domyślnie 3000 ms. Aby uzyskać więcej informacji, zobacz ikony i ekrany powitalne w aplikacjach.

"SplashMaintainAspectRatio" preferencji jest opcjonalne. Jeśli zestaw na wartość true, ekran powitalny dolarowe nie jest rozciągnięty do ekranów, ale zamiast po prostu "obejmuje" ekranu, jak CSS "tło-rozmiar: okładka". Jest to bardzo przydatne, kiedy opryskać tęcza obrazy nie zniekształcony w jakikolwiek sposób, na przykład, gdy zawierają one dekoracje lub tekst. To ustawienie działa najlepiej z obrazów, które mają duże marginesy (bezpiecznych obszarów), które mogą być bezpiecznie przycięte na ekrany z różnych proporcji.

Plugin ładuje rozchlapać dolarowe, gdy zmienia orientację, tak można określić różnych drawables do orientacji pionowej i poziomej.

Quirks przeglądarki

W pliku config.xmlmożna użyć następujące preferencje:

<platform name="browser">
    <preference name="SplashScreen" value="images/browser/splashscreen.jpg" /> <!-- defaults to "img/logo.png" -->
    <preference name="SplashScreenDelay" value="10000" /> <!-- defaults to "3000" -->
    <preference name="SplashScreenBackgroundColor" value="green" /> <!-- defaults to "#464646" -->
    <preference name="ShowSplashScreen" value="false" /> <!-- defaults to "true" -->
    <preference name="SplashScreenWidth" value="600" /> <!-- defaults to "170" -->
    <preference name="SplashScreenHeight" value="300" /> <!-- defaults to "200" -->
</platform>

Dziwactwa iOS

  • FadeSplashScreen (wartość logiczna, domyślnie true): zestaw na false , aby zapobiec Znikająca i odkładane po zmianie stanu wyświetlania ekranu powitalnego.

    <preference name="FadeSplashScreen" value="false"/>
    
  • FadeSplashScreenDuration (float, domyślnie 2): określa liczbę sekund dla ekranu powitalnego zanikanie efekt do wykonać.

    <preference name="FadeSplashScreenDuration" value="4"/>
    
  • ShowSplashScreenSpinner (wartość logiczna, domyślnie true): zestaw na false , aby ukryć pokrętła ekran powitalny.

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

splashscreen.Hide

Odrzucić ten opryskaæ têcza.

navigator.splashscreen.hide();

Jeżyna 10, WP8, iOS dziwactwo

Plik config.xml AutoHideSplashScreen ustawienie musi być false. Opóźnienia, ukrywanie ekranu powitalnego przez dwie sekundy, dodać timer następujących w deviceready obsługa zdarzeń:

    setTimeout(function() {
        navigator.splashscreen.hide();
    }, 2000);

splashscreen.show

Wyświetla ekran powitalny.

navigator.splashscreen.show();

Aplikacja nie można wywołać navigator.splashscreen.show(), aż aplikacja została uruchomiona i zdarzenie deviceready został zwolniony. Ale ponieważ zazwyczaj opryskać tęcza ma być widoczne przed rozpoczęciem aplikacji, wydaje się sprzeczne z celem ekranu powitalnego. Dostarczanie niektórych konfiguracji w pliku config.xml będzie automatycznie show splash na ekranie natychmiast po uruchomienie aplikacji i przed pełni rozpoczął i odebrał zdarzenie deviceready. Aby uzyskać więcej informacji na robienie tej konfiguracji, zobacz ikony i ekrany powitalne w aplikacjach. Z tego powodu jest mało prawdopodobne, należy zadzwonić navigator.splashscreen.show(), aby wyświetlić ekran powitalny dla uruchamiania aplikacji.