web-dev-qa-db-ja.com

iOSナビゲーションバーアイテムの画像サイズ

NavigationBarボタンをカスタマイズし、自分の画像を使用します。

問題は、サイズがどうあるべきかということです。

ボタンのサイズは40 * 40であることがわかったため、網膜の画像は80 * 80になりますか?

44
user2053760

これらは documentation が現在カスタムアイコンに推奨しているサイズです。

enter image description here

  • @ 2:50 x 50
  • @ 3:75 x 75

上記のピクセルサイズの2つの画像を作成し、Assets.xcassetsファイルの新しい画像セットに追加します。 (どうやら@ 1サイズは不要になりました。)

enter image description here

または、ユニバーサルベクトルイメージ(pdf)を使用することもできます( here および here を参照)。これは最近私の好みです。

関連する回答

87
Suragch

Appleは Human Interface Guidelines Docs を更新しました。 ナビゲーションバーおよびツールバーのカスタムアイコンを作成するための推奨サイズ

  • @ 2x-48px × 48px(24pt×24pt @ 2x)

  • @ 3x-72px × 72px(24pt×24pt @ 3x)

enter image description here

21
Vinoth Vino

典型的な標準サイズ(Retina以外)は22x22ピクセル、2x(またはRetina)サイズは44x44ピクセルです。

12
davidrayowens

Appleのドキュメントが更新され、現在推奨サイズは25pt x 25ptです。

ドキュメントを参照してください こちら

5
Paul N

各タブバー項目に3つの画像アイコンを準備する必要があります(1x、2x、3x)。

最初に75x 75hピクセルで3x(最大:144 x 96)を作成し、iconTab0 @ 3x.pngとして保存します。

次に、サイズを50w 50hピクセル(最大:96 x 64)に変更し、iconTab0 @ 2x.pngとして保存します。

最後に25w 25hピクセル(最大:48 x 32)にサイズを変更し、iconTab0.pngとして保存します。

必要なのは、Finderでこれらの3つの画像を選択し、画像アセットにドラッグすることだけです。

ヒューマンインターフェイスガイドライン

enter image description here

enter image description here

enter image description here

2
Disha

現在のサイズは次のとおりです。

https://developer.Apple.com/design/human-interface-guidelines/ios/icons-and-images/custom-icons/

「ツールバーとナビゲーションバー-24x24(@ 1x)〜28x28(@ 1x)」.

1