UIBarButtonItem 图像应该有多大？

我期待创建自己的自定义排序按日期和排序按数字按钮，我计划放在导航栏的权利按钮。

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

82548 次浏览
小开
最佳答案

从 iOS11开始，人机界面指南建议工具栏和导航栏中的字形大约是25 * 25分，最多28分。(如果你正在开发 iOS 应用程序，HIG 肯定应该在你的书签里!)

这就意味着对于像 iPad 2/Mini 这样的老式设备来说是25px 正方形，对于大多数现有设备来说是50px 正方形，对于 Retina HD 设备(iPhone 6/7/8 Plus 或 iPhone X)来说是75px 正方形。资产目录将极大地帮助组织不同的资产大小(Xcode 现在甚至可以使用 从矢量源产生它们)。

小开

从 iOS7开始，人机界面指南就告诉你:

不管图标的视觉样式如何，创建一个工具栏或导航 条形图标的大小如下:

大约44x44像素

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

下面是所有平台资源所需大小为 所有的 巨大的矩阵

小开

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

怎么做到的？

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

是的，苹果建议使用22px，44px 和66px 大小的图片作为 UIBarButtonItems，但是如果你使用预安装的图标，如书签图标，它的大小分别为25px 50px 和75px 1 x，2 x 和3 x。

下面是 UIToolbar中的两个图标。右边是苹果的系统书签图标，左边是我的自定义图标。

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

enter image description here

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

enter image description here

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


提交答案