iOS设备屏幕尺寸和适配
2017-06-07 15:03
239 查看
屏幕尺寸
设备 | 资源分辨率( 像素)(UI) | 设计分辨率 (点)(程序开发) | 屏幕分辨率( 像素) | 说明 |
---|---|---|---|---|
iPhone6P /6SP | 2208 * 1242 | 736 * 414 | 1920 * 1080 | @3x, 资源缩小1.15倍 401ppi |
iPhone6 /6S | 1334 * 750 | 667 * 375 | 1334 * 750 | @2x,326ppi |
iPhone5 /5s/5c (iPod/iPod Touch) | 1136 * 640 | 568 * 320 | 1136 * 640 | @2x,326ppi |
iPhone4/4s | 960 * 640 | 480 * 320 | 960 * 640 | @2x,326ppi |
iPad Pro | 2732 * 2048 | 1366 * 1024 | 2732 * 2048 | @2x,264ppi |
iPad3 iPad Air iPad Air2 | 2048 * 1536 | 1024 * 768 | 2048 * 1536 | @2x,264ppi |
iPad2 | 1024 * 768 | 1024 * 768 | 1024 * 768 | @1x,163ppi |
iPad mini | 1024 * 768 | 1024 * 768 | 1024 * 768 | @1x,163ppi |
iPad mini2 iPad mini4 | 2048 * 1536 | 1024 * 768 | 2048 * 1536 | @2x,163ppi |
iPhone6plus有两种显示模式,标准模式分辨率为1242x2208,放大模式分辨率为1125x2001(即iPhone 6的1.5倍)。
屏幕适配方案
步骤
选择一种尺寸为设计和开发基准定义一套适配准则,自动适配
特殊适配效果给出设计结果
方案
首先用iPhone6(宽750px)做设计,同时等比放大1.5倍生成宽度1125px的设计稿,在1125px的稿子里切图.程序开发用图片:一个是程序用到的@3x切图资源,另一个是宽度750px的设计标注图。
完成iPhone6(375pt)的界面开发,自动布局的方式,方便继续是适配到其他尺寸。
屏幕适配:6P(414pt) 5s(320pt)
四种适配规则方法:文字流式,控件弹性,图片等比缩放
相关文章推荐
- iOS:界面适配(三)--iPhone不同机型或设备不同尺寸适配(屏幕适配)和系统适配
- iOS 设备的屏幕尺寸、分辨率及其屏幕边长比例详细情况
- iOS 设备的屏幕尺寸、分辨率及其屏幕边长比例详细情况是怎样的?
- IOS iPhone 屏幕尺寸 判断设备屏幕尺寸、分辨率
- iOS 设备的屏幕尺寸、分辨率
- 得到ios设备的屏幕尺寸信息
- IOS 判断设备屏幕尺寸、分辨率
- Android屏幕适配解析 - 详解像素,设备独立像素,归一化密度,精确密度及各种资源对应的尺寸密度分辨率适配问题
- Android屏幕适配解析 - 详解像素,设备独立像素,归一化密度,精确密度及各种资源对应的尺寸密度分辨率适配问题
- IOS 获取设备屏幕的尺寸
- App如何适应 iPhone 5s/6/6 Plus 三种屏幕的尺寸?(iOS的屏幕适配问题)
- IOS APP开发UI上的尺寸注意问题(屏幕、适配、分辨率)
- Android屏幕适配解析 - 详解像素,设备独立像素,归一化密度,精确密度及各种资源对应的尺寸密度分辨率适配问题
- IOS 设备屏幕尺寸、分辨率
- iOS 设备的屏幕尺寸、分辨率及其屏幕边长比例详细情况是怎样的?
- IOS 判断设备屏幕尺寸、分辨率
- 【Android 应用开发】Android屏幕适配解析 - 详解像素,设备独立像素,归一化密度,精确密度及各种资源对应的尺寸密度分辨率适配问题
- Android屏幕适配解析 - 详解像素,设备独立像素,归一化密度,精确密度及各种资源对应的尺寸密度分辨率适配问题
- IOS——新建项目的图标和背景适配所有iPhone屏幕尺寸注意事项
- ios之开发中使用频率很高的宏定义-提高设备屏幕适配以及开发效率