これがないドキュメントの最新バージョンです！ Click here for the latest released version.

アイコンとスプラッシュ画面

このセクションは、アプリのアイコンと様々なプラットフォームでは、両方のコルドバ CLI (コマンドラインインターフェイスで説明します) で作業するときのオプションのスプラッシュスクリーンを構成する方法を示していますまたは（プラットフォームのガイドで詳述）特定のプラットフォーム SDK ツールを使用して。

CLI でアイコンを構成します。

作業する場合、CLI で、アイコンのソースファイル内にあるさまざまなプラットフォーム固有のサブディレクトリがあり、プロジェクトの www/res/icons ディレクトリ。新しく作成したプロジェクトをターゲットにするプラットフォームを交換するためのコルドバのアイコンの既定のセットが付属します。

Android の低、中、高、および超高解像度アイコンを指定します。

    android/icon-36-ldpi.png
    android/icon-48-mdpi.png
    android/icon-72-hdpi.png
    android/icon-96-xhdpi.png

IOS プラットフォームは、Ipad 用 72 ピクセル正方形アイコンを指定し、網膜の高解像度の2 倍の亜種を Iphone や Ipod、57 ピクセルのアイコンが表示されます。

    ios/icon-57-2x.png
    ios/icon-57.png
    ios/icon-72-2x.png
    ios/icon-72.png

Windows Phone には、48 ピクセルの既定アイコンと共に様々なデバイスのバックグラウンドアプリケーションを表すときに使用する画像を並べて表示を指定します。

    windows-phone/icon-48.png
    windows-phone/icon-62-tile.png
    windows-phone/icon-173-tile.png

ブラックベリー 10 アイコンの要素を config.xml ファイルが必要です。

    <icon src="blackberry10/icon-86.png" />

複数のサイズとロケールは、tareting のためのブラックベリーのマニュアルを参照してください。

[http://developer.blackberry.com/html5/documentation/icon_element.html]

Tizen は、128 ピクセルのアイコンが必要です。

    tizen/icon-128.png

CLI でスプラッシュスクリーンを構成します。

多くのプラットフォームで、アプリの導入のスプラッシュ画面の表示を有効にするには、Splashscreen API を使用します。作業する場合、CLI で、スプラッシュスクリーンのソースファイル内にあるプロジェクトの www/res/screens サブディレクトリ。

Android は両方の肖像画および横向きスプラッシュ画面画像の低、中、高、および超高解像度を指定します。

    android/screen-hdpi-landscape.png
    android/screen-hdpi-portrait.png
    android/screen-ldpi-landscape.png
    android/screen-ldpi-portrait.png
    android/screen-mdpi-landscape.png
    android/screen-mdpi-portrait.png
    android/screen-xhdpi-landscape.png
    android/screen-xhdpi-portrait.png

IOS プラットフォームの網膜ディスプレイの向きが異なる亜種の iPhone/iPod と iPad のバリエーションを指定します。568 Hファイルは iPhone 5 の背の高い画面に適用されます。

    ios/screen-ipad-landscape-2x.png
    ios/screen-ipad-landscape.png
    ios/screen-ipad-portrait-2x.png
    ios/screen-ipad-portrait.png
    ios/screen-iphone-landscape-2x.png
    ios/screen-iphone-landscape.png
    ios/screen-iphone-portrait-2x.png
    ios/screen-iphone-portrait.png
    ios/screen-iphone-portrait-568h-2x.png

Windows Phone では、単一のスプラッシュ画面のイメージを指定します。

    windows-phone/screen-portrait.jpg

次のセクションでは、プラットフォームのガイドで説明されている Sdk と関連するコマンドラインツールの操作時のスプラッシュ画面を設定する方法について詳しく説明します。

使用する前に、SplashScreen プラグインをインストールすることを忘れないでください、 navigator.splashscreen.hide() または navigator.splashscreen.show() のメソッド。

Android プラットフォーム用のスプラッシュ画面

Android プロジェクトで9 patch 画像ファイルを置きます platforms/android/res/drawable* ディレクトリ。

それぞれのサイズべきであります。

エクストララージ (xhdpi): 少なくとも 960 × 720
大 (hdpi): 少なくとも 640 × 480
媒体 (開度計): 少なくとも 470 × 320
小 (ldpi): 少なくとも 426 × 320

コルドバで提供される既定のスプラッシュ画面画像を使用する場合は、png ファイルをコピーする必要があります platforms/android/www/res/screen/android を platforms/android/res/drawable*/ :

cd platforms/android/res
mkdir drawable-port-ldpi
cp -p ../assets/www/res/screen/android/screen-ldpi-portrait.png drawable-port-ldpi/screen.png
mkdir drawable-land-ldpi
cp -p ../assets/www/res/screen/android/screen-ldpi-landscape.png drawable-land-ldpi/screen.png
mkdir drawable-port-mdpi
cp -p ../assets/www/res/screen/android/screen-mdpi-portrait.png drawable-port-mdpi/screen.png
mkdir drawable-land-mdpi
cp -p ../assets/www/res/screen/android/screen-mdpi-landscape.png drawable-land-mdpi/screen.png
mkdir drawable-port-hdpi
cp -p ../assets/www/res/screen/android/screen-hdpi-portrait.png drawable-port-hdpi/screen.png
mkdir drawable-land-hdpi
cp -p ../assets/www/res/screen/android/screen-hdpi-landscape.png drawable-land-hdpi/screen.png
mkdir drawable-port-xhdpi
cp -p ../assets/www/res/screen/android/screen-xhdpi-portrait.png drawable-port-xhdpi/screen.png
mkdir drawable-land-xhdpi
cp -p ../assets/www/res/screen/android/screen-xhdpi-landscape.png drawable-land-xhdpi/screen.png

drawable画面サイズと代替のリソースをサポート Android 規則に従ってディレクトリ名前をする必要があります.

config.xml、次の環境設定を追加：

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

最初の行ではスプラッシュ画面として表示するイメージを設定します。これはファイル名で png 形式の drawable* ディレクトリ。場合は任意の名前をイメージ以外 splash.png 、この行を変更する必要があります。ファイル名の拡張子を含めないでください (すなわち、 .png )。コルドバ上記で提供される既定のスプラッシュスクリーンを使用する場合は、値を使用しますscreen.

2 番目の行 (ミリ秒単位) が表示されますどのように長いスプラッシュ・スクリーンのデフォルトの遅延を設定します。これは最大の予想開始時刻する必要があります。SplashScreenDelay の既定値は 3000 ミリ秒です。

最後に、スプラッシュ画面が表示されますのみ必要な限り。アプリが開始され、webview が読み込まれる、アプリのメインビューが表示されるスプラッシュ画面を隠す必要があります。アプリ開始時刻が異なるためかなりの要因の数が多いのため、アプリを明示的に呼び出すことをお勧め navigator.splashscreen.hide() 応答する Javascript のメソッドで、 [deviceready](../cordova/events/events.deviceready.html) イベント。それ以外の場合、スプラッシュスクリーンが上に構成されている SplashScreenDelay 値の表示されます。このイベント駆動型のアプローチは、常に一定の時間に表示されるスプラッシュ画面を持つ対強くお勧めします。

IOS プラットフォーム用のスプラッシュ画面

IOS プロジェクトにスプラッシュ画面画像をコピー Resources/splash ディレクトリ。 IPad や iPhone などをサポートするデバイスのためのこれらの画像を追加のみです。各イメージのサイズをする必要があります。

Default-568h@2x~iphone.png (640x1136 pixels)
Default-Landscape@2x~ipad.png (2048 x 1496 ピクセル)
Default-Landscape~ipad.png (1024x748 pixels)
Default-Portrait@2x~ipad.png (1536x2008 pixels)
Default-Portrait~ipad.png (768x1004 pixels)
Default@2x~iphone.png (640x960 pixels)
Default~iphone.png (320x480 pixels)

BlackBerry 10 プラットフォーム用のスプラッシュ画面

各解像度とサポートしたいロケールの config.xml にリム：スプラッシュ要素を追加します。

http://developer.blackberry.com/html5/documentation/rim_splash_element.html