UIBarButtonItem图像应该有多大？

130

我正在寻找创建自己的自定义“按日期排序”和“按数字排序”按钮，我打算将其作为右键放置在导航栏中。

我的图像应该有多大才能适当地填充空间-UIBarItem文档页面未列出有关图像尺寸的任何信息。

— Epsilon Prime
source

236

从iOS 11开始，《人机界面指南》建议字形在工具栏和导航栏中为大约25×25点，最多大约为28点。（如果您在使用iOS应用程序，那么HIG绝对应该在您的书签中！）

对于较旧的设备（如iPad 2 / Mini），这将转换为25px正方形的图像；对于大多数当前的设备（如iPhone 8或iPad），将转换为50px正方形的图像；对于Retina HD设备（iPhone 6/7/8 Plus或iPhone X），则转换为75px的正方形图像。资产目录将极大地帮助保持不同资产的大小有条理（如今，Xcode甚至可以从向量源生成它们）。

— Sixten Otto
source

1

谢谢，正是我需要了解的内容，再加上指向出色文档的指针。已收藏。

— Epsilon Prime

1

我希望Mobile HIG声明的内容比“约20x20”更有用。如果您使用的图像恰好是20x20px，则实际上将不会以1：1的比例映射，并且按钮将不会是正方形的。

— Clafou 2012年

1

Clafou，您是在谈论用于按钮内容的图像（因为这个问题是），还是用作按钮的背景（使用外观定制API）？您有关于这个的问题吗？

— Sixten Otto

你可以看到一些苹果使用通过查看图像的各种大小的苹果在这里：developer.apple.com/library/ios/#documentation/uikit/reference/...

— JasonZ

1

对于iOS 7，请参见@hashier的答案。

— RudolfAdamkovič2014年

46

自iOS7起，《人机界面指南》告诉您以下内容：

无论图标的外观样式如何，均可以创建以下尺寸的工具栏或导航栏图标：

约44 x 44像素

约22 x 22像素（标准分辨率）

这里是一个巨大的矩阵的所有需要的尺寸为各平台资源

— 哈西耶
source

19

是的，Apple建议使用22px，44px和66px大小的图像作为UIBarButtonItems，但如果使用诸如Bookmark图标之类的预装图标，则其大小分别为25px，50px和75px，分别为1x，2x和3x。

这是中的2个图标UIToolbar。右边是Apple的系统书签图标，左边是我的自定义图标。

这是我的自定义图标，大小为22px-44px-66px：

而这里25px-50px-75px：

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

— 彼得·特列季亚科夫（Peter Tretyakov）
source

1

谢谢你！我确定某些图标（例如书签）比22-44-66px的尺寸要大一点

— tech4242 16/10/21

1

我尝试了25px-50px-75px，它的确看起来不错。不小不大。

— MBH

-4

轻松：将您的图像包含在Assets.xcassets中。

怎么样？

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

— Jobima
source

3

这如何回答有关尺寸的问题？

— Andrea Lazzarotto

@AndreaLazzarotto好的观点，但是这个答案包括其他答案中未提及的重要信息

— paul