5_iOS干货4_iOS开发常用尺寸汇总

1,尺寸概览

5_iOS干货4_iOS开发常用尺寸汇总_第1张图片

可以参考链接:http://www.idev101.com/code/User_Interface/sizes.html

2,基本概念

5_iOS干货4_iOS开发常用尺寸汇总_第2张图片

 

注:PPI即每英寸所拥有的像素数目。pixels per inch所表示的是每英寸所拥有的像素(pixel)数目

5_iOS干货4_iOS开发常用尺寸汇总_第3张图片

 

2,各个元素尺寸

 

 

机型 尺寸 分辨率 逻辑分辨率 PPI 状态栏高度 导航栏高度 标签栏高度 AppStore icon 主屏幕icon 设置icon Spotligh 通知icon 工具栏和导航栏icon    
2G、3G、3GS 3.5英寸 320×480px 320×480pt 163ppi 20px 44px 49px                
4、4s 3.5英寸 640×960px 320×480pt 326ppi 40px 88px 98px 1024×1024px 120×120px 58×58px 80×80px 40×40px 50×50px    
5、5s、5c、SE 4.0英寸 640×1136px 320×568pt 326ppi 40px 88px 98px 1024×1024px 120×120px 58×58px 80×80px 40×40px 50×50px    
6、6s、7、8 4.7英寸 750×1334px 375×667pt 326ppi 40px 88px 98px 1024×1024px 120×120px 58×58px 80×80px 40×40px 50×50px    
6+、6s+、7+、8+ 5.5英寸 1242×2208px 414×736pt 401ppi 60px 132px 146px 1024×1024px 180×180px 87×87px 120×120px 60×60px 75×75px    
X 5.8英寸 1125×2436px 375×812pt 458ppi 132px 132px 147px 1024×1024px 180×180px 87×87px 120×120px 60×60px 75×75px

3,各个元素示意图

5_iOS干货4_iOS开发常用尺寸汇总_第4张图片

注:参考链接:http://www.tuyiyi.com/cc/

4,常用的界面尺寸

5_iOS干货4_iOS开发常用尺寸汇总_第5张图片

你可能感兴趣的:(iOS)