背景图像/导航栏图像 iOS 的正确尺寸

Posted 2023-03-08

【中文标题】背景图像/导航栏图像 iOS 的正确尺寸

【英文标题】：Proper sizes for Background Image/NagivationBar Image iOS

【发布时间】：2013-07-17 02:34:46

【问题描述】：

我想知道正确的尺寸是多少

1) 为各种 iPhone 设备上的 UIView 设置背景图片，包括 Retina、4s、4 等。

（ios 的版本重要吗？）

2) 为 UINavigationBar 设置背景图片，同样适用于各种设备版本/操作系统版本

最后，应该如何命名这些文件。我知道 Apple 对使用 @2x.png、特定名称等命名图像非常严格。

如果有人可以指出文档，那也很好。我在开发网站上找不到任何东西...

提前谢谢你。

【问题讨论】：

您是否至少检查了User Interface Guidelines（特别是Custom Icon and Image Creation）？

【参考方案1】：

iPhone 和 iPod Touch 屏幕像素和 UI 组件尺寸

注意事项：

Retina 尺寸在括号中给出。

所有像素尺寸都包括高光或描边效果。例如，一个 30 像素高的按钮实际上是一个 29 像素高的按钮，底部有一个 1 像素的高光。

iPhone 屏幕尺寸：​​m>

人像 320×480 (640×960) 像素 横向 480×320 (960×640) 像素

iPhone 导航栏： 纵向：44 (88) 像素高 横向：32 (64) 像素高

iPhone 导航栏按钮： 纵向：30 (60) 像素高 横向：24 (48) 像素高

iPhone 导航栏按钮图标： 大约 20×20 (40×40) 像素（在横向模式下，它会缩小 20×20 (40×40) 像素图标）

iPhone 工具栏： 44 (88) 像素高（不变）

iPhone 工具栏按钮： 30 (60) 像素高（不改变）

iPhone 工具栏按钮图标： 大约 20×20 (40×40) 像素

iPhone 标签栏： 49 (98) 像素高（不变）

iPhone 标签栏图标： 大约 30×30 (60×60) 像素

iPad 像素尺寸：​​m>

iPad 屏幕尺寸：​​m> 人像 768×1024 (1536×2048) 像素 风景 1024×768 (2048×1536)

iPad 导航栏和工具栏： 44 (88) 像素高

iPad 导航栏和工具栏按钮： 30 (60) 像素高

iPad 导航栏和工具栏按钮图标： 大约 20×20 (40×40) 像素

iPad 标签栏： 49 (98) 像素高

iPad 标签栏图标： 大约 30×30 (60×60) 像素

iPad 列表视图： 320 (640) 像素宽。

请按照this link 中的答案了解较新设备的基本命名标准。 iOS 版本无关紧要，但硬件很重要。

编辑 哇，真的找到了全维度on this site看看，里面有图片！

另一个有用的链接here。