ナビゲーションボタンに右ボタンとして配置する予定の、独自のカスタムの[日付で並べ替え]ボタンと[番号で並べ替え]ボタンを作成しようとしています。
スペースを適切に埋めるには、画像の大きさをどの程度にする必要がありますか。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以来、あなたにこれを通知します:
アイコンの表示スタイルに関係なく、次のサイズのツールバーまたはナビゲーションバーアイコンを作成します。
約44 x 44ピクセル
約22 x 22ピクセル(標準解像度)
ここで偉大な行列のすべてのすべてのプラットフォームのためのリソースのために必要なサイズは、
はい、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に含めます。
どうやって?