iOS常用控件尺寸大集合

这篇博客详细列举了从iPhone4到iPhone11ProMax等各型号设备的主窗口Window(含状态栏)尺寸,包括不同版本的分辨率和像素密度。同时,还介绍了状态栏、导航栏、工具栏、Tab Bar的高度以及键盘尺寸。此外,文章还涵盖了iPhone和iPad应用图标的多种尺寸及其用途。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

元素控件尺寸(PTS)

1、主窗口Window(含状态栏) 

各版本尺寸
 01 iPhone4      3.5 640*960   320*480 @2x
 02 iPhone4S     3.5 640*960   320*480 @2x
 03 iPhone5      4.0 640*1136  320*568 @2x
 04 iPhone5S     4.0 640*1136  320*568 @2x
 05 iPhone5C     4.0 640*1136  320*568 @2x
 06 iPhone6      4.7 750*1334  375*667 @2x
 07 iPhone6Plus  5.5 1242*2208 414*736 @3x
 08 iPhone7      4.7 750*1334  375*667 @2x
 09 iPhone7Plus  5.5 1242*2208 414*736 @3x
 10 iPhone8      4.7 750*1334  375*667 @2x
 11 iPhone8Plus  5.5 1242*2208 414*736 @3x
 12 iPhoneX      5.8 1125*2436 375*812 @3x
 13 iPhoneXs     5.8 1125*2436 375*812 @3x
 14 iPhoneXs Max 6.5 1242*2688 414*896 @3x
 15 iPhoneXR     6.1 828*1792  414*896 @2x

16 iPhone11  6.1 828*1792 414*896 @2x

17 iPhone11Pro 5.8 1125*2436 375*812 @3x

18 iPhone11ProMax 6.5 1242*2688 414*896 @3x

2、状态栏Status Bar的高度 

(1)非iPhoneX版本:20

(2)iPhoneX版本:44

3、导航栏Navigation Bar的高度 44

(1)含Prompt的Navigation Bar的高度 74

(2)Navigation Bar的图标 20×20(透明的png)

4、工具栏Tool Bar的高度 44

(1)Tool Bar的图标 20×20(透明的png)

(2)Tab Bar的高度 49

(3)Tab Bar的图标 30×30(透明的png)

5、键盘的尺寸

(1)竖直时键盘的高度 216、252(iOS 5+的中文键盘)

(2)水平时键盘的高度 162、198(iOS 5+的中文键盘)

 

iPhone App Icon:

图标名称                   尺寸     用途                                                            是否必需

Icon.png                     57×57     App Store和iPhone、iPod touch桌面显示   是

Icon@2x.png             114×114   Icon.png的高清模式                                  是

Icon-Small.png          29×29      “设置”应用和Soptlight搜索                        否

Icon-Small@2x.png   58×58     Icon-Small.png的高清模式                         否

 

iPad App Icon:

图标名称         尺寸           用途 是否必需

Icon-72.png     72×72           iPad桌面显示      是

Icon-50.png     50×50           Spotlight搜索      否

Icon-29.png     29×29          “设置”应用          否

 

iPhone、iPad通用App Icon:

图标名称        尺寸       用途 是否必需

Icon.png         57×57      App Store和iPhone、iPod touch桌面显示     是

Icon-72.png   72×72      iPad桌面显示                                                   是

Icon-50.png   50×50      iPad的Soptlight搜索                                        否

Icon-29.png29×29“设置”应用和iPhone、iPod touch的Soptlight搜索否

 

特别说明

1、Icon图标建议由UI制作成一个 1024 x 1024 尺寸,一是便于上传APPStroe时使用;二是便于自定义不同大小的桌面图标使用。

2、iPhoneX版本多了特殊区域,一是顶端的刘海区域,使原来的状态栏高度由20——>44;二是底端的一道杠区域,使原来的底端外边距由0——>34

 

 

 

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

番薯大佬

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值