Cordova-splash-screen

提供:Dev Guides
移動先:案内検索

Cordova-スプラッシュスクリーン

このプラグインは、アプリケーションの起動時にスプラッシュスクリーンを表示するために使用されます。

手順1-スプラッシュスクリーンプラグインのインストール

スプラッシュスクリーンプラグインは、次のコードを実行して*コマンドプロンプト*ウィンドウにインストールできます。

C:\Users\username\Desktop\CordovaProject>cordova plugin add cordova-plugin-splashscreen

ステップ2-スプラッシュスクリーンを追加する

スプラッシュ画面の追加は、他のCordovaプラグインの追加とは異なります。 config.xml を開き、次のコードスニペットを widget 要素内に追加する必要があります。

最初のスニペットは SplashScreen です。 platform/android/res/drawable -フォルダー内の画像の名前である value プロパティがあります。 Cordovaは、この例で使用しているデフォルトの screen.png 画像を提供していますが、おそらく独自の画像を追加する必要があります。 重要なことは、ポートレートビューとランドスケープビューの画像を追加し、さまざまな画面サイズをカバーすることです。

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

追加する必要がある2番目のスニペットは SplashScreenDelay です。 3秒後にスプラッシュスクリーンを非表示にするために、値*を *3000 に設定しています。

<preference name = "SplashScreenDelay" value = "3000"/>

最後の設定はオプションです。 値が true に設定されている場合、画像は画面に合わせて拡大されません。 false に設定されている場合、引き伸ばされます。

<preference name = "SplashMaintainAspectRatio" value = "true"/>

アプリを実行すると、スプラッシュ画面が表示されます。

Cordovaスプラッシュスクリーン