Ionic-splash-screen

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

イオン-Cordovaアイコンとスプラッシュスクリーン

すべてのモバイルアプリにはアイコンとスプラッシュスクリーンが必要です。 Ionicはそれを追加するための優れたソリューションを提供し、開発者の作業は最小限で済みます。 Ionicサーバーでは、トリミングとサイズ変更が自動化されています。

スプラッシュスクリーンとアイコンの追加

前の章では、Ionicアプリに異なるプラットフォームを追加する方法について説明しました。 プラットフォームを追加することで、Ionicはそのプラットフォーム用のCordovaスプラッシュスクリーンプラグインをインストールするため、後で何もインストールする必要はありません。 必要なのは、2つの画像を見つけることだけです。

画像は pngpsd または ai ファイルである必要があります。 最小寸法は、アイコン画像の場合は192x192、スプラッシュスクリーン画像の場合は2208×2208でなければなりません。 この寸法はすべてのデバイスをカバーします。 この例では、両方に同じ画像を使用します。 画像はデフォルトのものではなく、 resources フォルダーに保存する必要があります。 作業が完了したら、コマンドプロンプトウィンドウで次のコマンドを実行するだけです。

C:\Users\Username\Desktop\MyApp>ionic resources
*resources/android* または *resources/ios* フォルダーをチェックすると、前に追加した画像がさまざまな画面サイズに合わせてサイズ変更およびトリミングされていることがわかります。 デバイスでアプリを実行すると、アプリが起動する前にスプラッシュ画面が表示され、デフォルトのIonicアイコンが変更されていることがわかります。

イオンコルドバスプラッシュスクリーン

Ionic Cordova Icon

-AndroidとiOSで異なる画像を使用する場合は、 resources フォルダーの代わりに resources/androidresources/ios に追加できます。