美文网首页android
hdpi、mdpi、xhdpi、nodpi之间的区别与使用

hdpi、mdpi、xhdpi、nodpi之间的区别与使用

作者: ZzzRicardo_Yue | 来源:发表于2016-12-20 10:23 被阅读0次

    整理自:
    http://www.open-open.com/lib/view/open1461807175717.html


    首先先明确我们的手机是属于mdpi、hdpi中的哪一档,这个需要知道我们手机的dpi
    网上找了一个现在主流手机的对应关系,我们可以发现我们现在主要需要适配的是xhdpi和xxhdpi这2套!

    像素 �密度
    HVGA mdpi
    WVGA hdpi
    FWVGA hdpi
    QHD hdpi
    720P(1280*720) xhdpi
    1080P(1920*1080) xxhdpi

    谷歌对于每种密度下的icon应该设计成什么尺寸其实Android也是给出了最佳建议:

    密度 建议尺寸
    mipmap-mdpi 48 * 48
    mipmap-hdpi 72 * 72
    mipmap-xhdpi 96 * 96
    mipmap-xxhdpi 144 * 144
    mipmap-xxxhdpi 192 * 192

    但是往往我们拿到的UI设计资源常常只有一个固定分辨率,那么我们应该把它放到哪里呢?
    这里先要说一下谷歌选择图片的规则:

    首先解释一下图片为什么会被放大,当我们使用资源id来去引用一张图片时,Android会使用一些规则来去帮我们匹配最适合的图片。什么叫最适合的图片?
    比如我的手机屏幕密度是xxhdpi,那么drawable-xxhdpi文件夹下的图片就是最适合的图片。因此,当我引用android_logo这张图时,如果drawable-xxhdpi文件夹下有这张图就会优先被使用,在这种情况下,图片是不会被缩放的。但是,如果drawable-xxhdpi文件夹下没有这张图时, 系统就会自动去其它文件夹下找这张图了,优先会去更高密度的文件夹下找这张图片,我们当前的场景就是drawable-xxxhdpi文件夹,然后发现这里也没有android_logo这张图,接下来会尝试再找更高密度的文件夹,发现没有更高密度的了,这个时候会去drawable-nodpi文件夹找这张图,发现也没有,那么就会去更低密度的文件夹下面找,依次是drawable-xhdpi -> drawable-hdpi -> drawable-mdpi -> drawable-ldpi。
    总体匹配规则就是这样,那么比如说现在终于在drawable-mdpi文件夹下面找到android_logo这张图了,但是系统会认为你这张图是专门为低密度的设备所设计的,如果直接将这张图在当前的高密度设备上使用就有可能会出现像素过低的情况,于是系统自动帮我们做了这样一个放大操作。 那么同样的道理,如果系统是在drawable-xxxhdpi文件夹下面找到这张图的话,它会认为这张图是为更高密度的设备所设计的,如果直接将这张图在当前设备上使用就有可能会出现像素过高的情况,于是会自动帮我们做一个缩小的操作。所以,我们可以尝试将android_logo这张图移动到drawable-xxxhdpi文件夹下面将会得到这样的结果:

    Paste_Image.png

    总结一下就是:低密度放大失真,高密度缩小省资源(但也不是越大越好)

    回到最初的问题,只能设计一套UI资源,要为哪个分辨率设计呢?
    答案是drawable-xxhdpi,那么有的朋友可能会问了,不是还有更高密度的drawable-xxxhdpi吗?干吗不放在这里?这是因为,市面上480dpi到640dpi的设备实在是太少了,如果针对这种级别的屏幕密度来设计图片,图片在不缩放的情况下本身就已经很大了,基本也起不到节省内存开支的作用了。

    这里附上谷歌的建议(不过参考意义不大我觉得,有上面的那个对应关系就够了):

    |dpi范围 |�密度|
    | :-------------: | :-------------: |
    |0dpi ~ 120dpi| ldpi|
    |120dpi ~ 160dpi| mdpi|
    |160dpi ~ 240dpi| hdpi|

    |240dpi ~ 320dpi| xhdpi|
    |320dpi ~ 480dpi| xxhdpi|
    |480dpi ~ 640dpi| xxxhdpi|

    相关文章

      网友评论

        本文标题:hdpi、mdpi、xhdpi、nodpi之间的区别与使用

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