web-dev-qa-db-ja.com

OS Xアイコンのサイズ

OS Xのアプリケーションアイコンとメニューバーアイコンのサイズはどのくらいにする必要がありますか？

小さな解像度のディスプレイを扱うことはできますが、Retinaについてはどうでしょうか。Retinaディスプレイを搭載した新しいMacBook Proでは、メニューバーに表示されるアイコン（20 x 20など）が小さくなったり、ぼやけたりしますか？アプリケーションアイコンは拡大縮小されると思いますので、通常よりも2倍大きいサイズを準備する場合は、Retinaでも問題ありません。

サイズ指定のあるiOS開発用の優れたガイドを見つけましたが、OS Xの同様のサイズ指定を見つけることができません。

objective-cxcodemacoscocoaretina-display
26
maseth

NSStatusBarアイコン（つまり、メニューバーアイコン）は、通常のアプリアイコンとは異なります。私はNSStatusBarの公式アイコンガイドラインを見つけることができませんでしたが、ボタンの ツールバーアイコンガイドライン はかなり近いと思います。それは示唆しています：

  • サイズが19x19ピクセル以下のアイコンを作成します。
  • 輪郭を鮮明にします。
  • まっすぐな視点を使用します。
  • 黒を使用します（次元を示すために必要な場合にのみ透明度を追加します）。
  • アンチエイリアスを使用します。
  • PDF形式を使用します。
  • 画像がコントロールの視覚的に中央に配置されていることを確認してください（視覚的に中央に配置されることは、数学的に中央に配置されることと同じではない場合があります）。

テストでは、次のことがわかりました。

  1. NSStatusBarは、高さが18ピクセル以下の場合に最適に見えます。 systemStatusBarの厚さは22 です。
  2. PDF形式をリストしていますが、私は問題なくpngを使用しています。
  3. アイコンを選択したときに青を白にしたい場合は、alternateImageをアイコンの別の白バージョンとして提供する必要があります。

コードサンプル：

myStatusItem = [[NSStatusBar systemStatusBar]statusItemWithLength:NSSquareStatusItemLength];
NSImage *statusImage = [NSImage imageNamed:@"Status.png"];
[myStatusItem setImage:statusImage];
NSImage *altStatusImage = [NSImage imageNamed:@"StatusHighlighted"];
[myStatusItem setAlternateImage:altStatusImage];
[myStatusItem setHighlightMode:YES];
[myStatusItem setMenu:self.myStatusMenu];
39
DenVog

http://developer.Apple.com/library/mac/#documentation/userexperience/conceptual/applehiguidelines/Intro/Intro.html#//Apple_ref/doc/uid/TP30000894-TP6

そして： http://developer.Apple.com/library/mac/#documentation/userexperience/conceptual/applehiguidelines/IconsImages/IconsImages.html

enter image description here

6
Blazer

メニュー項目をサポートするにはRetinaディスプレイ、Dark Modeおよび異なるstates（押されているなど）

  1. _16x16_および_32x32_サイズの2つのPNG画像を作成するか、マージンを減らしたい場合は_18x18_および_36x36_ピクセルを作成します
  2. _Render As_を_Template Image_に設定してXcodeで新しい画像アセットを作成し、_1x_および_2x_の画像を追加します
  3. サイズを変更せずに画像アセットからNSImageを初期化します：NSImage(named: "Example")
5
John

次の手順を実行すると、網膜の完全にシャープなステータスバーアイコンが表示されます

  1. アイコンのPNGファイルをフォトショップで開きます。88pxx 88pxより大きくなければなりません。
  2. メニューに移動、画像、画像サイズ
  3. 解像度を350に設定
  4. サイズを88px x 88px（ピクセル）に設定します
  5. 画像をpngとして保存してxcodeを追加
4
NSGodMode