1. ホーム
  2. ios

[解決済み] タブバーアイコンのサイズ

2022-02-27 06:59:49

質問

アップル とは :

デバイスと方向によって、システムは通常のタブバーとコンパクトなタブバーのどちらかを表示します。アプリには、両方のサイズに対応したカスタムタブバーアイコンを含める必要があります。

残念ながら、いつどちらを取得するかは明記されていません。

また、これらの画像を両方のサイズに含めるかもしれませんが、システムが自動的に切り替えるのでしょうか(どのように)、それとも自分で行わなければならないのでしょうか?

解決方法は?

自分で行うのではなく、システムが自動的に行います。

アップルヒューマンインターフェイスガイドラインに、アイコンの解像度が記載されています。 https://developer.apple.com/ios/human-interface-guidelines/icons-and-images/custom-icons/

例えば タブバーのアイテムに円形のアイコンを使用する場合、ポートレートモード用に以下のサイズを作成する必要があります。

  • 75px × 75px (25pt×25pt@3倍)
  • 50px × 50px (25pt × 25pt @2倍)
  • 25px × 25px (25pt × 25pt @1倍)

と横向き用です。

  • 54px × 54px (18pt × 18pt @3倍)
  • 36px × 36px (18pt × 18pt @2倍)
  • 18px × 18px (18pt × 18pt @1倍)

このアイコンをAssets.xcassetsなどに追加すると、StoryboardからTab Bar Itemのアイコンを選択できるようになります。

タブバーアイテムを選択し、属性インスペクタで、イメージフィールドにポートレートイメージ、ランドスケープフィールドにランドスケープイメージを選択します。

あとは、システムがすべてやってくれます。