AndroidStudioでAndroid用アプリアイコンを作る

こんにちは。

flutterアプリを作成し始めて、ようやく(やっと…)見れる形になってきたので、アイコンを準備します。flutterでios,Android用アプリアイコンをまとめて作成する時によく検索に出てきたツールはflutter_launcher_iconsですが、Androidでアダプティブアイコンを綺麗に作成する事が出来ませんでした。こちらのGitHubのIssueにあるように、Androidの丸いアイコンに綺麗に調整出来ません。

というわけで、AndroidStudioの「画像アセット」(Image Assets)を使用してアイコンを作成します。

前提

Android Studioのバージョンは「Android Studio Arctic Fox | 2020.3.1 Patch 3」となります。

画像の用意

画像を用意する前に、Androidアダプティブアイコンについて少し理解する必要があります。こちらのサイトに詳細が記載されています。アダプティブアイコンのサイズは108dp×108dpですが、最大72dp×72dpにマスクされ、直径66dpの円がセーフゾーンとなります。pxに変換すると以下の通りです。

汎用密度 倍率108dpをpx変換66dpをpx変換
ldpi低解像度0.7581px49px
mdpi中解像度1108px66px
hdpi高解像度1.5162px99px
xdpi超高解像度2216px132px
xxdpi超超高解像度3324px198px

上記を頭において画像を用意した方がいいと思います。背景画像は単色の場合は用意する必要はありません。

Androidアダプティブアイコンの作成

公式サイトは以下になります。
https://developer.android.com/studio/write/image-asset-studio?hl=ja

まず以下より「Open Android Module in Android Studio」を選択し、Flutterのプロジェクトを、Androidアプリとして開きます。

以下より「画像アセット」(Image Assets)を選択します。

アイコンタイプで、[Launcher Icons (Adaptive & Legacy)] を選択します。前景レイヤー、背景レイヤーをそれぞれ画像を選択し「次へ」を選択します。

このファイルを作るよーの画像(多分)が表示されます。「完了」させます。

「画像アセット」(Image Assets)は、AndroidManifest.xmlに自動生成してくれますが、以下のようになっているはずです。

<application android:name="ApplicationTitle"
         android:label="@string/app_label"
         android:icon="@mipmap/ic_launcher" >

これでアイコンが(デザインはさておき)綺麗に出来ました。

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

日本語が含まれない投稿は無視されますのでご注意ください。(スパム対策)