xcode OS X图标大小

gv8xihay  于 2023-03-31  发布在  其他
关注(0)|答案(6)|浏览(151)

OS X的应用程序图标和菜单栏图标应该有多大?
我可以处理小分辨率的显示器,但Retina怎么办?在配备Retina显示器的新MacBook Pro上,菜单栏上显示的图标(例如20 x 20)会变小或模糊吗?我估计应用程序图标会缩放,所以如果我准备比常规大两倍的图标,在Retina上应该没问题。
我发现了一个很好的iOS开发指南,其中有大小规格,但我找不到OS X的类似大小规格。

myzjeezk

myzjeezk1#

NSStatusBar图标(即菜单栏图标)与常规应用程序图标不同。我一直未能找到NSStatusBar官方图标指南,但我不得不相信按钮的工具栏图标指南非常接近。它建议:

  • 创建大小不超过19x19像素的图标。
  • 使轮廓清晰锐利。
  • 使用直接透视法。
  • 使用黑色(仅在必要时添加透明度以显示维度)。
  • 使用抗锯齿。
  • 使用PDF格式。
  • 确保图像在控件中视觉居中(注意视觉居中可能与数学居中不同)。

在测试中,我发现:

  1. NSStatusBar看起来最好是18像素高,或者更低。systemStatusBar的厚度为22。
    1.虽然它列出了PDF格式,但我一直在使用PNG,没有问题。
    1.如果你想让你的图标在被选中时是蓝底白色,你需要提供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];
vhmi4jdf

vhmi4jdf2#

要使菜单项支持视网膜显示、暗模式和不同状态(例如按下)
1.创建两个大小为16x16和32x32像素的PNG图像
1.在Xcode中创建一个新的图像资源,将 Render As 设置为 Template Image,并添加1x和2x的图像
1.从映像资产初始化NSImage,而不更改其大小:NSImage(named: "Example")

fhity93d

fhity93d3#

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

66bbxpm5

66bbxpm54#

按照这些步骤,你会得到一个完美的锐利状态栏图标视网膜
1.在photoshop中打开图标的png文件,它应该大于88px x 88px
1.转到菜单,图像,图像大小
1.将分辨率设置为350
1.设置大小为88px x 88px(像素)
1.将图片另存为png添加xcode

gwo2fgha

gwo2fgha5#

加上迈克尔的回答,苹果现在需要所有的方式高达1024x1024px的图标,由于视网膜显示器。
http://www.cultofmac.com/179738/apple-now-requires-high-res-1024x1024-icons-for-every-mac-os-x-app/

yqhsw0fo

yqhsw0fo6#

应用程序图标的最大大小应为1024 x 1024。
你必须为16 x 16,32 x 32,128 x 128,256 x 256,512 x 512和1024 x 1024创建常规和视网膜分辨率图标。
您可以在Apple的“OS X高分辨率指南”文档中找到详细信息。

相关问题