Android屏幕适配总结

作者: 冰薄荷汽水 | 来源:发表于2017-03-16 18:01 被阅读81次

    Android屏幕适配总结

    前言

    目录

    1

    定义

    使得某一元素在Android不同尺寸、不同分辨率的手机上具备相同的显示效果


    相关重要概念

    屏幕尺寸

    • 含义:手机对角线的物理尺寸
    • 单位:英寸(inch),1英寸=2.54cm

    Android手机常见的尺寸有5寸、5.5寸、6寸等等

    屏幕分辨率

    • 含义:手机在横向、纵向上的像素点数总和
    1. 一般描述成屏幕的"宽x高”=AxB
    2. 含义:屏幕在横向方向(宽度)上有A个像素点,在纵向方向(高)有B个像素点
    3. 例子:1080x1920,即宽度方向上有1080个像素点,在高度方向上有1920个像素点
    • 单位:px(pixel),1px=1像素点

    UI设计师的设计图会以px作为统一的计量单位

    • Android手机常见的分辨率:320x480、480x800、720x1280、1080x1920(前两者现在基本已经见不到了)

    屏幕像素密度

    • 含义:每英寸的像素点数
    • 单位:dpi(dots per ich)

    假设设备内每英寸有160个像素,那么该设备的屏幕像素密度=160dpi

    • 安卓手机对于每类手机屏幕大小都有一个相应的屏幕像素密度:
    密度类型 代表的分辨率(px) 屏幕像素密度(dpi)
    低密度(ldpi) 240x320 120
    中密度(mdpi) 320x480 160
    高密度(hdpi) 480x800 240
    超高密度(xhdpi) 720x1280 320
    超超高密度(xxhdpi) 1080x1920 480

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

    一部手机的分辨率是宽x高,屏幕大小是以寸为单位,那么三者的关系是:

    2

    密度无关像素(重点)

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

    因为ui设计师给你的设计图是以px为单位的,Android开发则是使用dp作为单位的,那么我们需要进行转换:

    密度类型 代表的分辨率(px) 屏幕密度(dpi) 换算(px/dp) 比例
    低密度(ldpi) 240x320 120 1dp=0.75px 3
    中密度(mdpi) 320x480 160 1dp=1px 4
    高密度(hdpi) 480x800 240 1dp=1.5px 6
    超高密度(xhdpi) 720x1280 320 1dp=2px 8
    超超高密度(xxhdpi) 1080x1920 480 1dp=3px 12

    在Android中,规定以160dpi(即屏幕分辨率为320x480)为基准:1dp=1px

    独立比例像素

    • 含义:scale-independent pixel,叫sp或sip
    • 单位:sp
    1. Android开发时用此单位设置文字大小,可根据用户的偏好文字大小/字体大小首选项进行缩放
    2. 推荐使用12sp、14sp、18sp、22sp作为字体设置的大小,不推荐使用奇数和小数,容易造成精度的丢失问题;小于12sp的字体会太小导致用户看不清

    结论

    所以,为了能够进行不同屏幕像素密度的匹配,我们推荐:

    • 使用dp来代替px作为控件长度的统一度量单位
    • 使用sp作为文字的统一度量单位

    可是,请看以下一种场景:

    Nexus5的总宽度为360dp,我们现在在水平方向上放置两个按钮,一个是150dp左对齐,另外一个是200dp右对齐,那么中间留有10dp间隔;但假如同样地设置在Nexus S(屏幕宽度是320dp),会发现,两个按钮会重叠,因为320dp<200+150dp

    从上面可以看出,由于Android屏幕设备的多样性,如果使用dp来作为度量单位,并不是所有的屏幕的宽度都具备相同的dp长度

    再次明确,屏幕宽度和像素密度没有任何关联关系

    所以说,dp解决了同一数值在不同分辨率中展示相同尺寸大小的问题(即屏幕像素密度匹配问题),但却没有解决设备尺寸大小匹配的问题。(即屏幕尺寸匹配问题)

    当然,我们一开始讨论的就是屏幕尺寸匹配问题,使用match_parent、wrap_content和weight,尽可能少用dp来指定控件的具体长宽,大部分的情况我们都是可以做到适配的。

    那么该如何解决控件的屏幕尺寸和屏幕密度的适配问题呢?

    从上面可以看出:

    • 因为屏幕密度(分辨率)不一样,所以不能用固定的px
    • 因为屏幕宽度不一样,所以要小心的用dp

    因为本质上是希望使得布局组件在不同屏幕密度上显示相同的像素效果,那么,之前是绕了个弯使用dp解决这个问题,那么到底能不能直接用px解决呢?

    即根据不同屏幕密度,控件选择对应的像素值大小

    解决方案

    • 百分比适配方法
    • autoLayout

    百分比适配方法

    步骤:

    1. 以某一分辨率为基准,生成所有分辨率对应像素数列表
    2. 将生成像素数列表存放在res目录下对应的values文件下
    3. 根据UI设计师给出设计图上的尺寸,找到对应像素数的单位,然后设置给控件即可

    详细步骤请看: Android 屏幕适配方案

    jar包下载地址: github

    autoLayout

    详细步骤请看:github

    相关文章

      网友评论

        本文标题:Android屏幕适配总结

        本文链接:https://www.haomeiwen.com/subject/xfijnttx.html