ナビゲーションバーに右ボタンとして配置する予定の、独自のカスタムの[日付で並べ替え]ボタンと[番号で並べ替え]ボタンを作成したいと考えています。
スペースを適切に埋めるために画像をどのくらいの大きさにする必要がありますか?UIBarItemのドキュメントページには、画像のサイズについて何もリストされていません。
ナビゲーションバーに右ボタンとして配置する予定の、独自のカスタムの[日付で並べ替え]ボタンと[番号で並べ替え]ボタンを作成したいと考えています。
スペースを適切に埋めるために画像をどのくらいの大きさにする必要がありますか?UIBarItemのドキュメントページには、画像のサイズについて何もリストされていません。
iOS 11の時点で、ヒューマンインターフェイスガイドラインでは、ツールバーとナビゲーションバーでグリフを約25×25ポイント、最大で約28ポイントにすることを推奨しています。(iOSアプリで作業している場合は、HIGがブックマークに含まれているはずです!)
これは、iPad 2 / Miniなどの古いデバイスでは25ピクセル四方、iPhone 8やiPadなどの最新のデバイスでは50ピクセル四方、Retina HDデバイス(iPhone 6/7/8 Plus、またはiPhone X)では75ピクセル四方の画像に変換されます。アセットカタログは、さまざまなアセットサイズを整理するのに非常に役立ちます(Xcodeは、最近ではベクターソースからアセットを生成することもできます)。
ヒューマンインターフェイスガイドラインは、iOS7以降これを示しています。
アイコンの視覚スタイルに関係なく、次のサイズのツールバーまたはナビゲーションバーアイコンを作成します。
約44x44ピクセル
約22x22ピクセル(標準解像度)
これは、すべてのプラットフォームのリソースに必要なすべてのサイズの優れたマトリックスです。
はい、Appleはに22px、44px、66pxのサイズの画像を使用することをお勧めしますUIBarButtonItems
が、ブックマークアイコンなどのプリインストールされたアイコンを使用する場合、1x、2x、3xにそれぞれ25px、50px、75pxのサイズになります。
これがの2つのアイコンですUIToolbar
。右側にはAppleのシステムブックマークアイコンがあり、左側には私のカスタムアイコンがあります。
ここに私のカスタムアイコンのサイズは22px-44px-66pxです:
そしてここに25px-50px-75px:
したがって、1つのツールバーでカスタムアイコンとシステムアイコンを使用する場合は、25px-50px-75pxのスケーリングを使用することをお勧めします。そうしないと、カスタムアイコンが小さくなります。実際、私は常に25px-50px-75pxのスケーリングを使用していますが、私と同じように、ツールバーの方が見栄えがします。
簡単:Assets.xcassetsに画像を含めます。
どのように?