Rafael Arce Nazario 7634e2ccd0 init | 5 years ago | |
---|---|---|
.. | ||
README.md | 5 years ago | |
index.md | 5 years ago |
Ten plugin wyświetla i ukrywa ekran powitalny podczas uruchamiania aplikacji.
// 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
W pliku config.xml
musisz 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.
W pliku config.xml
moż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>
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"/>
Odrzucić ten opryskaæ têcza.
navigator.splashscreen.hide();
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);
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.