web-dev-qa-db-ja.com

UIBarButtonItem画像はどのくらいの大きさにすべきですか?

ナビゲーションバーに右ボタンとして配置する予定のカスタムの[日付順]ボタンと[番号順]ボタンを独自に作成したいと考えています。

スペースを適切に埋めるために私の画像の大きさ-- IBarItem ドキュメントページには、画像のサイズに関する情報は何も表示されません。

125
Epsilon Prime

IOS 11の時点で、 Human Interface Guidelines は、ツールバーとナビゲーションバーでグリフが約25×25ポイント、最大約28ポイントであることを示唆しています。 (そして、iOSアプリで作業している場合、HIGは間違いなくあなたのブックマークにあるはずです!)

IPad 2/Miniなどの古いデバイスでは25pxスクエア、iPhone 8やiPadなどの最新デバイスでは50pxスクエア、Retina HDデバイス(iPhone 6/7/8 PlusまたはiPhone X)では75pxスクエアの画像に変換されます。資産カタログは、さまざまな資産サイズを整理するのに非常に役立ちます(そしてXcodeは ベクターソースからそれらを生成する 最近でも可能です)。

229
Sixten Otto

Human Interface Guidelines はiOS7以降のことを示しています:

アイコンの視覚的なスタイルに関係なく、ツールバーまたはナビゲーションバーのアイコンを次のサイズで作成します。

約44 x 44ピクセル

約22 x 22ピクセル(標準解像度)

ここに、大行列ofallすべてのプラットフォームのリソースに必要なサイズ

46
hashier

はい、Apple UIBarButtonItemsには22px、44px、66pxのサイズの画像を使用することをお勧めしますが、ブックマークアイコンなどのプリインストールアイコンを使用する場合、25x50pxおよび75xxで1x 、それぞれ2xおよび3x。

UIToolbarには2つのアイコンがあります。右側にはAppleのシステムブックマークアイコンがあり、左側にはカスタムアイコンがあります。

ここで、サイズが22px-44px-66pxのカスタムアイコン:

enter image description here

そして、ここで25px-50px-75px:

enter image description here

したがって、1つのツールバーでカスタムアイコンとシステムアイコンを使用する場合は、25px-50px-75pxのスケーリングを使用することをお勧めします。そうしないと、カスタムアイコンが小さくなります。実際、私は常に25px-50px-75pxのスケーリングを使用します。私にとっては、ツールバーの方が見た目が良いです。

16
Peter Tretyakov