您的位置:首页 > 移动开发 > Android开发

Android屏幕适配问题

2018-02-27 17:01 155 查看
不知道小组长想什么,突然让我写个屏幕适配。

所以在这里记录一遍。

移动端屏幕适配尺寸与屏幕分辨率屏幕尺寸含义:手机对角线的物理尺寸单位:英寸(inch),1英寸=2.54cmAndroid手机常见的尺寸有5寸、5.5寸、6寸等等
屏幕分辨率含义:手机在横向、纵向上的像素点数总和一般描述成屏幕的"宽x高”=AxB含义:屏幕在横向方向(宽度)上有A个像素点,在纵向方向(高)有B个像素点例子:1080x1920,即宽度方向上有1080个像素点,在高度方向上有1920个像素点单位:px(pixel),1px=1像素点UI设计师的设计图会以px作为统一的计量单位Android手机常见的分辨率:320x480、480x800、720x1280、1080x1920
屏幕像素密度含义:每英寸的像素点数单位:dpi(dots per ich)假设设备内每英寸有160个像素,那么该设备的屏幕像素密度=160dpi安卓手机对于每类手机屏幕大小都有一个相应的屏幕像素密度: 

屏幕尺寸、分辨率、像素密度三者关系


 
重申像素密度


      密度无关像素含义:density-independent pixel,叫dp或dip,与终端上的实际物理像素点无关。
单位:dp,可以保证在不同屏幕像素密度的设备上显示相同的效果
Android开发时用dp而不是px单位设置图片大小,是Android特有的单位
场景:假如同样都是画一条长度是屏幕一半的线,如果使用px作为计量单位,那么在480x800分辨率手机上设置应为240px;在320x480的手机上应设置为160px,二者设置就不同了;如果使用dp为单位,在这两种分辨率下,160dp都显示为屏幕一半的长度。

IOS屏幕适配IOS在适配方面在尺寸与屏幕分辨率与上述提到的与Android方面概念相同,类似Android的像素密度dp的概念叫像素密度PPI。像素密度PPIPPI(Pixel Per Inch by diagonal):表示沿着对角线,每英寸所拥有的像素(Pixel)数目。PPI数值越高,代表显示屏能够以越高的密度显示图像,即通常所说的分辨率越高、颗粒感越弱。

回顾与提到几个重要的单位px:pixel,像素,电子屏幕上组成一幅图画或照片的最基本单元dp: dip,Density-independent pixel, 是安卓开发用的长度单位,1dp表示在屏幕像素点密度为160ppi时1px长度pt: point,点,印刷行业常用单位,等于1/72英寸ppi: pixel per inch,每英寸像素数,该值越高,则屏幕越细腻dpi: dot per inch,每英寸多少点,该值越高,则图片越细腻
pt和px 与ppi和dpi的转换pt和px公式一: 1pt= (DPI / 72) px当photoshop中新建画布的分辨率为72ppi( 即 72dpi时 ), 1pt=1px; 当新建画布分辨率为72*2=144ppi时,1pt=2px
ppi和dpidpi最初用于衡量打印物上每英寸的点数密度。DPI值越小图片越不精细。当DPI的概念用在计算机屏幕上时,就应称之为ppi。同理: PPI就是计算机屏幕上每英寸可以显示的像素点的数量。因此,在电子屏幕显示中提到的ppi和dpi是一样的,可认为公式二:dpi=ppi
PPI计算与屏幕尺寸与像素展示 


dp、sp、px的区别展示 


dp、sp、px的区别展示在字体方面关于dp和sp与px的区别显而易见,其中dp与sp类似,但sp可以根据文字大小首选项进行放缩,是设置字体大小的御用单位。也就是说使用sp后,字体的大小会随着系统设置字体大小而跟随着进行文字放缩。详细的可以将程序的字体调整后,可看出差别。所以根据以上描述,可以在布局控件上进行屏幕适配。
支持各种屏幕尺寸使用wrap_content、match_parent、weight要确保布局的灵活性并适应各种尺寸的屏幕,应使用 “wrap_content” 和 “match_parent” 控制某些视图组件的宽度和高度。使用 “wrap_content”,系统就会将视图的宽度或高度设置成所需的最小尺寸以适应视图中的内容,而 “match_parent”(在低于 API 级别 8 的级别中称为 “fill_parent”)则会展开组件以匹配其父视图的尺寸。如果使用 “wrap_content” 和 “match_parent” 尺寸值而不是硬编码的尺寸,视图就会相应地仅使用自身所需的空间或展开以填满可用空间。此方法可让布局正确适应各种屏幕尺寸和屏幕方向。
weightweight是线性布局的一个独特的属性,我们可以使用这个属性来按照比例对界面进行分配,完成一些特殊的需求。android:layout_weight的真实含义是:如果View设置了该属性并且有效,那么该 View的宽度等于原有宽度(android:layout_width)加上剩余空间的占比。我们在布局里面设置为线性布局,横向排列,然后放置两个宽度为0dp的文本视图,分别设置weight为1和1,在效果图中,我们可以看到两个按钮按照1:1的宽度比例正常排列了,这也是我们经常使用到的场景,这是时候很好理解,TextView的宽度就是1/(1+1) = 1/2, 另一个TextView的宽度则是1/(1+1) = 1/2,我们可以很清楚的明白这种情景下的占比如何计算。假如我们的宽度不是0dp(wrap_content和0dp的效果相同),则是match_parent,占比则和上面正好相反。示例:


 百分比适配方法以某一分辨率为基准,生成所有分辨率对应像素数列表现在我们以320x480的分辨率为基准:将屏幕的宽度分为320份,取值为x1~x320将屏幕的高度分为480份,取值为y1~y480然后生成该分辨率对应像素数的列表。
320x480的分辨率为基准 


找到基准后,是时候把其他分辨率补全了,现今以写1080x1920的分辨率为例:因为基准是320x480,所以1080/320=3.375px,1920/480=4px,所以相应文件应该是

之后用上面的方法一一把你需要适配的分辨率的像素列表补全即可。
* 诸如此类后续的重复性操作,网上有诸多工具类,大家可以自行查找。
图片资源匹配步骤1:根据以下尺寸范围针对各密度生成相应的图片。比如说,如果我们为 xhdpi 设备生成了 200x200 px尺寸的图片,就应该按照相应比例地为 hdpi、mdpi 和 ldpi 设备分别生成 150x150、100x100 和 75x75 尺寸的图片即一套分辨率=一套位图资源(这个当然是Ui设计师做了)步骤2:将生成的图片文件放在 res/ 下的相应子目录中(mdpi、hdpi、xhdpi、xxhdpi),系统就会根据运行您应用的设备的屏幕密度自动选择合适的图片步骤3:通过引用 @drawable/id,系统都能根据相应屏幕的 屏幕密度(dpi)自动选取合适的位图。注:如果是.9图或者是不需要多个分辨率的图片,放在drawable文件夹即可对应分辨率的图片要正确的放在合适的文件夹,否则会造成图片拉伸等问题。​
结束语主要提到了关于px、pt、ppi、dpi、dp之间的关系,与Android与IOS屏幕适配需要注意的参数关系与参数是什么的。
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: