![multideviceicongenerator | Embarcadero RAD Studio Delphi C++Builder Blogs multi device icon generator](https://i0.wp.com/blogs.embarcadero.com/wp-content/uploads/2023/09/multi-device-icon-generator-9561450.png?resize=1140%2C694&ssl=1)
マルチデバイス向けのアプリケーションを作成する上で、重要な項目の 1 つに「アイコン」があります。アイコンはいわば、スマートフォンやデスクトップコンピュータ上で数多く存在するアプリを区別するための特徴的な「アプリの顔」とも言えます。
RAD Studio 12では、IDE内ですべての画面解像度に対応したアイコンを自動的に生成する新機能を導入予定です。ここでは、その機能がどのようなものなのかを一部紹介させていただきます。
まず、マルチデバイスアプリケーションのプロジェクトを作成する必要があります。このブログでは例としてFireMonkeyの「空アプリケーション」のプロジェクトを作成します。
この新しいツールを機能するには、IDEメニューの[プロジェクト] > [オプション] > [アプリケーション] > [アイコン]を選択すると、下図のように[Artwork Generator]ボタンが表示されます。
![iconsgenerator | Embarcadero RAD Studio Delphi C++Builder Blogs icons generator](https://i0.wp.com/blogs.embarcadero.com/wp-content/uploads/2023/09/icons-generator-4800354.png?resize=750%2C619&ssl=1)
このメニューには、いくつかのオプションが用意されています。特定のプラットフォーム向けのアイコンを変更または作成、あるいはすべてのアイコンを一度に作成することもできます。
ここでは例として、ドロップダウンメニューから “All Configurations “を選択し、”Artwork Generator “ボタンをクリックして、すべてのプラットフォーム向けにアイコンを作成します。
![mobileiconsgeneratorallconfigurations | Embarcadero RAD Studio Delphi C++Builder Blogs mobile icons generator all configurations](https://i0.wp.com/blogs.embarcadero.com/wp-content/uploads/2023/09/mobile-icons-generator-all-configurations-2656113.png?resize=750%2C617&ssl=1)
アイコンのベースとなる PNG 、またはテキストを使用するオプションと、その他の多数のオプションが表示されます。 ここでは”Asset Type”として”Image”を選択し、標準のアイコンに合わせてサイズを調整し、[Next >>]ボタンを押します。
![mobileicongeneratormenu | Embarcadero RAD Studio Delphi C++Builder Blogs mobile icon generator menu](https://i0.wp.com/blogs.embarcadero.com/wp-content/uploads/2023/09/mobile-icon-generator-menu-5605917.png?resize=744%2C664&ssl=1)
ウィザードの2ページ目では、Android Adaptative Iconの設定が表示されます。アイコンを作成するにはSVGが必要なので、ここではテキストベースのアイコンを作成します。なお、後でこのウィザードのページに戻って、Androidプラットフォーム向けのアイコンのみを生成することもできます。
![mobileicongeneratorandroidadaptativeicon | Embarcadero RAD Studio Delphi C++Builder Blogs mobile icon generator android adaptative icon](https://i0.wp.com/blogs.embarcadero.com/wp-content/uploads/2023/09/mobile-icon-generator-android-adaptative-icon-1606894.png?resize=744%2C665&ssl=1)
ウィザードの最後のオプションはSplach Screenです。スプラッシュ画面は、ダークテーマとライトテーマを設定できます。デフォルトのFMXアプリケーションは、スプラッシュ画面の背景がもともと暗いので、ダークテーマとライトテーマは同じ設定になっています。スプラッシュ画面はアイコンをベースにして、背景と画像のサイズを調整できます。FMXアプリケーションのデフォルトアイコンを選択した場合は、下図のような例となります。
![splashscreenmultideviceicon | Embarcadero RAD Studio Delphi C++Builder Blogs splash screen multi device icon 2](https://i0.wp.com/blogs.embarcadero.com/wp-content/uploads/2023/10/splash-screen-multi-device-icon-9080803.png?resize=750%2C338&ssl=1)
ウィザードの“Finish “ボタンを押すと、すべてのアートワークが生成されます。 フォーマットに問題が発生した場合、他のプラットフォームに影響を与えることなく、特定のプラットフォーム向けの画像を再設定することができます。
その場合は、プロジェクトオプションの[アイコン]メニューをもう一度表示し、”All configurations “の代わりに必要な特定のプラットフォームを選択し、Artwork Generatorを再度実行してください。下図は、iOSシミュレータ向けに生成されたアイコンの例です。
![mobileicongeneratoriOS | Embarcadero RAD Studio Delphi C++Builder Blogs mobile icon generator ios](https://i0.wp.com/blogs.embarcadero.com/wp-content/uploads/2023/09/mobile-icon-generator-iOS-6002865.png?resize=750%2C618&ssl=1)
生成された画像は、プロジェクトフォルダのサブフォルダにプロジェクト名とともに保存されますのでご注意ください。そのため、もしプロジェクトの名前を変更した場合は、それに応じてサブフォルダの名前を手動で変更する必要があります。
アイコンに関する補足事項:
- Android Adaptive Icons: Android のドキュメントによると、OSのアイコンのフォーマットを標準化するために、Android OS自身がテーマに応じてアイコンを設定する必要があるため、アイコンフォーマットマスクをクリップ、あるいはそれを使用すべきではありません。従って、Android Adaptive Iconsでは形状の値は無視されます。
RAD Studio 12.0 ベータを試すには?
有効なアップデートサブスクリプションをお持ちのお客様はRAD Studio 12.0 ベータプログラムへ参加いただくことで試すことができます。
RAD Studioのアップデートサブスクリプションが有効であるにも関わらず、ベータプログラムの招待メールが届いていない場合は、スパムあるいは迷惑メール扱いになっている恐れがございますので、お手数ですがお客様のメールボックスをご確認ください。もし招待メールが見つからない場合は、こちらのお問い合わせ先へ以下の情報をご連絡ください。
- 氏名
- 会社名(個人の場合は不要)
- e-mailアドレス
- 製品のライセンス(シリアル番号)
有効なアップデートサブスクリプションをお持ちかどうか確認の上、後日 RAD Studio 12.0 ベータプログラムへの参加に関するご案内をさせていただきます。
※免責事項:このブログ記事で説明しているRAD Studioの将来のバージョンにおける新機能や改善点は、いずれも開発が完了しGA版がリリースされるまでコミットされません。
Design. Code. Compile. Deploy.
Start Free Trial Upgrade Today
Free Delphi Community Edition Free C++Builder Community Edition