web-dev-qa-db-ja.com

ナビゲーションバーアイコンiosのサイズを設定する

ナビゲーションバーアイコンのデフォルトサイズはありますか？デザイナーがデザインする必要があります。網膜と非網膜ディスプレイ用にデザインする必要があります。現在、インターネットからダウンロードした見栄えの悪い画像を使用しています。

iosuinavigationbarrightbarbuttonitem
9
user2823044

次のサイズのナビゲーションバーアイコンを作成します。

About 44 x 44 pixels

About 22 x 22 pixels (standard resolution)

あなたがここで見つけることができるより多くの情報 https://developer.Apple.com/library/ios/documentation/userexperience/conceptual/mobilehig/BarIcons.html

13
User 1531343

ナビゲーションバーアイコンの docs の推奨サイズは次のとおりです。

@1: 25 x 25
@2: 50 x 50
@3: 75 x 75

上記のピクセルサイズの3つの画像を作成し、それらをAssets.xcassetsファイルの新しい画像セットに追加します。

enter image description here

メモ

  • 推奨サイズでアイコンを作成しようとすると、小さすぎます。私は実際にそれらをそれより少し大きくします。したがって、ドキュメントの推奨事項を開始点として使用しますが、必要に応じて調整する必要がある場合があります。
  • 2番目の方法は、単一のユニバーサルベクター画像（pdf）を使用することです（ ここ および ここ を参照）。 誰もがこれを推奨するわけではありません ですが、これは私が現在使用している方法です。これは便利で、将来の画像編集とサイズ変更が簡単になります。
8
Suragch
 1. iPhone 5     88 / 64  px
 2. iPhone 4/4S  88 / 64 px 
 3. Retina iPad  88 px
 4. iPad Mini    44 px
 5. iPad         44 px

ナビゲーションバーには通常、タイトルのほか、基本的なナビゲーションボタンとアクションボタン（前のビューに戻る、作成、編集など）が含まれています。横向きでは、ナビゲーションバーの高さは通常、その下に表示されるコンテンツを増やすために少し（32ポイント）縮小されます。

参照リンク： http://ivomynttinen.com/blog/the-ios-7-design-cheat-sheet/

1
Ramdhas

アイコンと画像のサイズについては、Appleのドキュメントを確認してください ここ 。 UIアイコンの仕様の詳細については、 ここ を確認してください。

0
NKB