Ionic \ Cordovaを使用してAndroidでアイコンとスプラッシュスクリーンを設定する方法
があるIonicプロジェクト with Android platform sing Cordova。設定したいプロジェクトのアイコンとスプラッシュスクリーンアイコンについては、ディレクトリを作成し、表示されるロゴを追加しました。
res\Android\pkLogo.png
また、この行をmy config.xmlに追加しました
<icon src="res/Android/pkLogo.png" platform="Android" width="57" height="57" density="mdpi" />
しかし、問題はApacheのデフォルトアイコンが表示されていることです。私が間違ったことをしたのは ここでCordova
スプラッシュスクリーンを表示したいのですが、どのように可能ですか？よく検索して、いくつかのリンクを見つけましたが、解決しています。
アイコンとスプラッシュ画面をAndroid using ionic\cordovaに設定する方法
CLIからionic cordova resourcesを実行します
その後、次のフォルダーが作成されます
リソース> Android
リソース> iOS
リソースフォルダーにicon.pngおよびsplash.pngファイルを追加し、ionic cordova resourcesコマンドを再度実行します。または、ionic cordova run <platform>を実行するだけで、そのプラットフォーム（ios、Androidなど）のリソースファイルが生成されます。
アイコンとスプラッシュ画面を自動的に作成し、config.xmlファイルに追加します。手間がかかりません。 Ionicはすべてを自動的に行います。
以下の必要なサイズと名前に従って、プロジェクトディレクトリ-/ resources/Android/icon /アイコンをここに追加します。
drawable-hdpi-icon.png-72 * 72
drawable-ldpi-icon.png-36 * 36
drawable-mdpi-icon.png-48 * 48
drawable-xhdpi-icon.png-96 * 96
drawable-xxhdpi-icon.png-144 * 144
drawable-xxxhdpi-icon.png-192 * 192
必要に応じて、以下のディレクトリにもアイコンを追加します-プロジェクトディレクトリ-/ platforms/Android/res /上記のアイコンを特定のフォルダーごとに配置します。
また、以下のターミナルコマンドを実行すると、スプラッシュスクリーンを管理できるのと同じ方法でアイコンが更新されます。
$ ionicビルドAndroid
$ ionic run Android
スプラッシュとランチャーアイコンの変更について尋ねるとき、私も同じことをしようとしていました。それから Ionic CLI 。から文書化された方法を見つけました。次の3つの簡単な手順を実行するだけです。
1>サイズが192x192 pxのアイコンの画像を作成し、プロジェクトルートのリソースディレクトリ内にicon.png、icon.psd、またはicon.aiファイルとして保存します。
2>サイズが2208x2208 pxのアイコンの画像を作成し、プロジェクトルートのリソースディレクトリ内にsplash.png、splash.psd、またはsplash.aiファイルとして保存します。
3>これがメインのステップなので、ターミナルからこのコマンドを実行するだけです
ionic resources
/demoApp/resources/Android/iconリポジトリと/demoApp/resources/Android/splashにいくつかの画像が表示されます。
スプラッシュ画面のみを変更する場合は、コマンドionic resources --splashとともにステップ2に従う必要があります。その後、スプラッシュを見ることができます。
または、アイコンの場合は、ionic resources --iconとともに手順1のみに従う必要があります。
careスプラッシュとアイコンを別々に作成する場合は、ステップ3は、両方の生成に使用されるステップ3を意味します。
CLIからionicリソースを実行
その後、次のフォルダーが作成されます
リソース> Android
リソース> iOS
リソースフォルダーにicon.pngおよびsplash.pngファイルを追加し、ionic resourcesコマンドを再度実行します。
アイコンとスプラッシュ画面を自動的に作成し、config.xmlファイルに追加します。手間がかかりません。 Ionicはすべてを自動的に行います。
それは私のために働く、ただ一つのこと
Androidアプリをビルドする前に、platforms/Android/AndroidManifest.xmlを編集してください。
に行く
<application Android:label="@string/app_name">
次を追加
<application Android:icon="@drawable/icon" Android:label="@string/app_name">
よろしく！
Icon Source ImageCordovaプロジェクトのルートにあるリソースディレクトリ内にicon.png、icon.psd、またはicon.aiファイルを保存します。アイコン画像の最小サイズは192x192ピクセルで、角が丸くないようにする必要があります。次に、ターミナルでこのコマンドを実行します（現在のディレクトリに移動します）
$ ionic resources --icon
スプラッシュスクリーンソースイメージCordovaプロジェクトのルートにあるリソースディレクトリ内にsplash.png、splash.psd、またはsplash.aiファイルを保存します。スプラッシュスクリーンの寸法は、プラットフォーム、デバイス、および向きごとに異なるため、さまざまなサイズを生成するには正方形のソースイメージが必要です。ソース画像の最小サイズは2208x2208ピクセルで、アートワークは正方形の中央に配置する必要があります。次に、ターミナルでこのコマンドを実行します（現在のディレクトリに移動します）
$ ionic resources --splash
これで完了です。
このリンクを参照してください Ionic Splash画面とアイコンジェネレーター 。
Android/platform/Android/resの内部を見るIosの場合/ platform/ios/yourapp/Resourcesの内部を見る
それが役に立てば幸い
アプリを最初に作成したとき、resourcesフォルダーにはicon.pngとsplash.pngの2つのファイルがあります。
これらの2つのファイルを目的のアイコンとスプラッシュファイルに置き換えます。
ファイル名は同じである必要がありますicon.pngのサイズは最小1024×1024で、splash.pngは最小2732×2732である必要がありますicon.pngおよびsplash.pngファイルが置き換えられたら。次の手順に従ってください：
無料のIonicアカウントが必要です。これは、アイコンとスプラッシュ生成/変換でIonicサーバーを使用しているためです。
イオンログイン
次に、メールとパスワードを入力します。プロジェクトフォルダで、実行します（iosをAndroidビルドする場合Androidアプリ）：ionic cordovaリソースios ionic cordovaリソースAndroid Ionicはアイコンとスプラッシュファイルをターゲットプラットフォームに必要なさまざまなバージョン処理中にconfig.xmlも更新されます。
Androidアプリケーション用にスプラッシュスクリーンとアイコンを生成するためにionic cordova resourcesを使用できます。このコマンドは、Androidフォルダーの下にiconsおよびsplash画面を作成します。
iconsフォルダーには以下が含まれます。
drawable-hdpi-icon.png - 72*72
drawable-ldpi-icon.png - 36*36
drawable-mdpi-icon.png - 48*48
drawable-xhdpi-icon.png - 96*96
drawable-xxhdpi-icon.png - 144*144
drawable-xxxhdpi-icon.png - 192*192
iconsのみを作成する場合は、次を使用できます。
ionic cordova resources --icon
splash画面のみを作成する場合は、次を使用できます。
ionic cordova resources --splash
画像の編集このコマンドの実行が機能しない場合（iosでも）：
ionic cordova resources Android --splash --force
そして再度コマンドを実行します:)
これは「エラー」を解決します：
[OK] No need to regenerate images--source files unchanged.
ヒント：各プラットフォームの画像を編集します（サイズを1ピクセルずつ調整します）。そうしないと、ionicは新しいコマンドごとにソースファイルの変更を検出しません。