UIBarButtonItem图像应该有多大?

时间:2009-10-19 18:01:27

标签: ios uikit uibarbuttonitem uibaritem

我正在寻找创建我自己的自定义排序按日期和按数字排序按钮,我计划将其作为右按钮放置在导航栏中。

我的图像应该有多大才能恰当地填充空间 - UIBarItem文档页面没有列出图像尺寸的任何内容。

4 个答案:

答案 0 :(得分:228)

从iOS 11开始,Human Interface Guidelines建议字形在工具栏和导航栏中约为25×25点,最多约为28点。 (如果您正在开发iOS应用程序,那么HIG肯定会出现在您的书签中!)

对于iPad 2 / Mini等旧设备,iPhone 8或iPad等大多数现有设备的50px正方形,以及用于Retina HD设备的75px正方形(iPhone 6/7/8 Plus或iPhone),这将转换为25px的图像X)。资产目录将极大地帮助保持不同资产规模的组织(目前Xcode甚至可以generate them from vector sources)。

答案 1 :(得分:45)

自{iOS}以来Human Interface Guidelines告诉你这个:

  

无论图标的视觉样式如何,都要创建工具栏或导航   以下尺寸的栏图标:

     

约44 x 44像素

     

约22 x 22像素(标准分辨率)

以下是 great matrix 所有所有平台所需资源

答案 2 :(得分:14)

是的,Apple建议使用尺寸为22px,44px和66px的图像UIBarButtonItems,但如果你使用像Bookmark图标这样的预装图标,它的尺寸分别为25px 50px和75px,分别为1x,2x和3x。 / p>

以下是UIToolbar中的2个图标。右侧是Apple的系统书签图标,左侧是我的自定义图标。

这里我的自定义图标大小为22px-44px-66px:

enter image description here

这里25px-50px-75px:

enter image description here

因此,如果您在一个工具栏中使用自定义和系统图标,我建议使用25px-50px-75px缩放,否则您的自定义图标会更小。事实上,我总是使用25px-50px-75px缩放,对于我来说,它在工具栏上看起来更好。

答案 3 :(得分:-4)

简单:将您的图像包含在Assets.xcassets中。

如何?

  • Clic on Assets.xcassets
  • Clic +图标,然后单击“新图像集”
  • 将图片拖放到3x插槽
  • 重命名图像集
  • 在BarButton中,您可以在“图片”字段
  • 下使用此名称