136

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

スペースを適切に埋めるために画像をどのくらいの大きさにする必要がありますか?UIBarItemのドキュメントページには、画像のサイズについて何もリストされていません。

4

4 に答える 4

242

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は、最近ではベクターソースからアセットを生成することもできます)。

于 2009-10-19T21:01:29.943 に答える
47

ヒューマンインターフェイスガイドラインは、iOS7以降これを示しています。

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

約44x44ピクセル

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

これは、すべてのプラットフォームのリソースに必要なすべてのサイズの優れたマトリックスです。

于 2014-01-29T15:43:18.680 に答える
24

はい、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のスケーリングを使用していますが、私と同じように、ツールバーの方が見栄えがします。

于 2016-08-20T14:54:15.330 に答える
-4

簡単:Assets.xcassetsに画像を含めます。

どのように?

  • Assets.xcassetsのクリック
  • クリック+アイコンをクリックし、[新しい画像セット]をクリックします
  • 画像を3xスロットにドラッグアンドドロップします
  • 画像セットの名前を変更します
  • BarButtonでは、[画像]フィールドでこの名前を使用できます
于 2015-11-04T11:54:49.300 に答える