UIBarButtonItem图像应该有多大?

我正在寻找创build我自己的自定义sorting按date和sortingbutton,我打算放置在导航栏作为正确的button。

我的图像应该多大才能适当地填充空间 – UIBarItem文档页面没有列出图像的大小。

根据“ 人机界面指南” ,截至iOS 8,约为22×22分。 (如果您正在使用iPhone应用程序,那么该文档肯定应该在您的书签中。)

这将转换为iPad 2 / Mini等较旧设备的22px方块,iPhone或iPad Air等Retina设备的44px方块,以及iPhone 6 Plus(其3x Retina HD显示器)的66px方块。

从iOS7开始, 人机接口指南就告诉你:

无论图标的视觉风格如何,请按以下尺寸创build工具栏或导航栏图标:

大约44 x 44像素

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

这里是所有平台所有需要的资源大小matrix

是的,苹果build议UIBarButtonItems使用22像素,44像素和66像素大小的UIBarButtonItems ,但是如果使用像书签图标这样的预先安装的图标,则分别为1x,2x和3x的大小分别为25像素,50像素和75像素。

这里是UIToolbar中的2个图标。 右边是苹果的系统书签图标,左边是我的自定义图标。

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

在这里输入图像说明

在这里25px-50px-75px:

在这里输入图像说明

因此,如果您在一个工具栏中使用自定义和系统图标,我会build议使用25px-50px-75px的缩放比例,否则您的自定义图标会变小。 实际上,我总是使用25px-50px-75px的缩放比例,在工具栏上看起来更好,就我而言。

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

怎么样?

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