iOS设备屏幕尺寸和适配

xiaoxiao2021-02-28  111

屏幕尺寸

设备资源分辨率(像素)(UI)设计分辨率(点)(程序开发)屏幕分辨率(像素)说明iPhone6P/6SP2208 * 1242736 * 4141920 * 1080@3x,资源缩小1.15倍401ppiiPhone6/6S1334 * 750667 * 3751334 * 750@2x,326ppiiPhone5/5s/5c(iPod/iPod Touch)1136 * 640568 * 3201136 * 640@2x,326ppiiPhone4/4s960 * 640480 * 320960 * 640@2x,326ppiiPad Pro2732 * 20481366 * 10242732 * 2048@2x,264ppiiPad3iPad AiriPad Air22048 * 15361024 * 7682048 * 1536@2x,264ppiiPad21024 * 7681024 * 7681024 * 768@1x,163ppiiPad mini1024 * 7681024 * 7681024 * 768@1x,163ppiiPad mini2 iPad mini42048 * 15361024 * 7682048 * 1536@2x,163ppi

需要注意的是,iphone6和6plus可以设置标准模式和放大模式。在放大模式下,6plus会退化为375x667,此时应该当成iphone6来做适配。而iphone6会退化为320x568,应该当作iphone5来适配。 iPhone6plus有两种显示模式,标准模式分辨率为1242x2208,放大模式分辨率为1125x2001(即iPhone 6的1.5倍)。

屏幕适配方案

步骤

选择一种尺寸为设计和开发基准定义一套适配准则,自动适配特殊适配效果给出设计结果

方案

首先用iPhone6(宽750px)做设计,同时等比放大1.5倍生成宽度1125px的设计稿,在1125px的稿子里切图.程序开发用图片:一个是程序用到的@3x切图资源,另一个是宽度750px的设计标注图。 完成iPhone6(375pt)的界面开发,自动布局的方式,方便继续是适配到其他尺寸。屏幕适配:6P(414pt) 5s(320pt)

四种适配规则方法:文字流式,控件弹性,图片等比缩放

转载请注明原文地址: https://www.6miu.com/read-45861.html

最新回复(0)