iOS 导航栏项目图片大小

Posted 2023-02-23

技术标签:

【中文标题】iOS 导航栏项目图片大小【英文标题】：iOS navigation bar item image size 【发布时间】：2014-05-01 16:59:05 【问题描述】：

我想自定义我的NavigationBar 按钮并使用我自己的图像。

问题是尺寸应该是多少？

我发现按钮大小应该是40*40，所以retina的图片应该是80*80？

【问题讨论】：

【参考方案1】：

这些是documentation 现在为自定义图标推荐的尺寸。

@2: 50 x 50 @3: 75 x 75

创建两个上述像素大小的图像，然后将它们添加到 Assets.xcassets 文件中的新图像集中。（显然不再需要 @1 大小。）

或者，您可以使用通用矢量图像 (pdf)（请参阅 here 和 here）。这是我最近的偏好。

相关答案

ios how to set app icon and launch images

【讨论】：

【参考方案2】：

Apple 更新了他们的Human Interface Guidelines Docs。现在推荐为导航栏和工具栏创建自定义图标的尺寸

@2x - 48px × 48px (24pt × 24pt @2x)

@3x - 72px × 72px (24pt × 24pt @3x)

【讨论】：

【参考方案3】：

典型的标准尺寸（非 Retina）为 22px x 22px，而 2x（或 Retina）尺寸为 44px x 44px。

【讨论】：

【参考方案4】：

Apple 文档已更新，现在推荐大小为 25pt x 25pt。

请参考文档here。

【讨论】：

【参考方案5】：

您应该为每个标签栏项目（1x、2x 和 3x）准备 3 个图像图标。

首先创建 3x at 75w 75h 像素（最大：144 x 96）并将其保存为 iconTab0@3x.png。

然后将其调整为 50w 50h 像素（最大：96 x 64）并将其保存为 iconTab0@2x.png。

最后将其调整为 25w 25h 像素（最大：48 x 32）并将其保存为 iconTab0.png。

现在您只需在取景器中选择这 3 张图片并将它们拖到您的图片资源中即可。

人机界面指南

【讨论】：

【参考方案6】：

以下是当前尺寸：

https://developer.apple.com/design/human-interface-guidelines/ios/icons-and-images/custom-icons/

“工具栏和导航栏 - 介于 24x24 (@1x) 和 28x28 (@1x) 之间”。

【讨论】：

此链接无法访问：[ 链接应该是最新的

以上是关于iOS 导航栏项目图片大小的主要内容，如果未能解决你的问题，请参考以下文章