适用于背景图像/导航栏图像iOS的尺寸

时间:2013-07-17 02:34:46

标签: iphone ios user-interface

我想知道

的正确尺寸是多少

1)在各种iPhone设备上设置UIView的背景图像,包​​括Retina,4s,4等。

(iOS的版本是否重要?)

2)再次在各种设备版本/ os版本上为UINavigationBar设置背景图像

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

如果有人可以指出的文件,那也会很棒。我在开发网站上找不到任何东西......

提前谢谢。

1 个答案:

答案 0 :(得分:2)

iPhone和iPod触摸屏像素和UI组件尺寸

注意:

Retina尺寸在括号中给出。

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

iPhone屏幕尺寸:

人像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 Pixel尺寸:

iPad屏幕尺寸: 纵向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