来人人都是产品经理【起点学院】,BAT实战派产品总监手把手系统带你学产品、学运营。
手机适配,这个词都听烂了。可是,你确定你懂吗?经常会听到程序猿说:这个我适配一下?这个我没有适配好?......然后你问程序猿,你是怎么适配的?能说明白的没有几个。这个是系统自动适配的?这个有套算法?再往下问,就没有然后了......
二、关于屏幕的一些物理概念1.屏幕物理尺寸:屏幕对角线的尺寸。
例如:苹果最新发布了4英寸iPhoneSE,这个4英寸指的就是手机的屏幕物理尺寸。
iPhoneSE屏幕:长度9.0cm、宽度5.1cm
PS:1英寸(in)=2.54厘米(cm)
2.屏幕分辨率:确定计算机屏幕上显示多少信息的设置,以水平和垂直像素来衡量。
例如:iPhoneSE分辨率为1136×640(像素)。
3.屏幕密度(pixelperinch):每英寸的像素数,简称ppi。
例如:iPhoneSE像素密度达到326ppi。
已知iPhoneSE屏幕物理尺寸为4寸;通过屏幕分辩率得到屏幕对角线的像素总数;屏幕对角线的像素总数和屏幕物理尺寸比,就得到了ppi。
屏幕物理尺寸决定了屏幕的实际尺寸,屏幕分辨率表示屏幕上可以呈现的像素点数,屏幕密度决定了屏幕的精细程度。
三、开始手机适配吧已知iPhoneSE分辨率为1136×640(像素),让设计狮制作一套分辨率为1136×640(像素)图片;
iPhoneSE分辨率为1334×750(像素),再让设计狮制作一套分辨率为1334×750(像素)图片
以此往复
来看看市场上主流的屏幕分辨率
数据来自友盟指数
如此之多的分辨率,怎么可能一一做图呢?
眼尖的同学可能注意到一个东西,就是屏幕的分辩率基本符合17/9比例。
例如:iPhoneSE分辨率为1136×640(像素),1136/640»17/9;iPhoneSE分辨率为1334×750(像素),1334/640»17/9。
17/9这个比例有一个专有名词,叫做长宽比(宽高比),即一个影像的宽度除以它的高度所得的比例,通常表示为“x:y”或“x×y”,其中的冒号和叉号表示中文的“比”之意。
对于相同长宽比,可以使用同一套效果图,通过放大或缩小的方式来进行界面调整。虽然引入了长宽比,可以大大降低制作效果图的数量,但是对面如此之多的手机产家,这个数量还是有点大。
四、工作量太大,让dp来帮忙此时,又要引入一个物理概念,设备独立像素(deviceindependentpixels),android系统中单位,简称dp(dip)。
dp是设备像素,px是屏幕像素,它们之间是可以换算的;1dp表示在屏幕点密度为160ppi时1px长度,这个定义非常重要。通过定义,可以计算出每个手机dp和px的关系。
dp与px关系,根据定义,就是把手机的ppi/160ppi得出,手机的ppi前面已经得出。
通过dp与px关系,手机适配就变得简单了,就是1x、2x、3x、4x,这些名词大家应该也有听过,指的就是dp与px关系。此时也不用纠结比较特殊的长宽比了,比如iphone4s和MEIZUMX2。虽然dp是android系统中单位,应用到IOS手机中,在换算成px的过程中,原理是相通的,与系统无关。
目前市场主流的是2x屏手机,3x屏手机也逐渐流行起来了,也就是大屏机。
对于不同的“dp与px关系”有几种适配的方式:
本文来自“宁七月”用户投稿,该文观点仅代表作者本人,不代表华夏信息网立场,本站不对文章中的任何观点负责,内容版权归原作者所有、内容只用于提供信息阅读,无任何商业用途。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站(文章、内容、图片、音频、视频)有涉嫌抄袭侵权/违法违规的内容,请发送邮件至1470280261#qq.com举报,一经查实,本站将立刻删除、维护您的正当权益。如若转载,请注明出处:http://www.xxxwhg.com/zh/100769.html