Android Drawable小细节

写在最前

对于安卓开发人员,drawable是我们最熟悉的一个东西了,但是在一些小细节上,我们是不是真的了解了呢。在这之前,我也并不了解,所以今天决定写这么一篇文章,所谓好记性不如烂笔头。当然,这都是站在巨人的肩膀上。
Android drawable微技巧,你所不知道的drawable的那些细节

mipmap和drawable

安卓开发常见的res目录大致如下:


drawable和mipmap.png

首先,我们看看mipmap和drawable,大家都知道,这两个文件夹都是用来放置图片资源的,那么他们之间有什么区别呢?

其实,根据谷歌官方的介绍,对于mipmap,我们和之前的开发并不用做太大的改变。因为,他建议我们只需要把应用图标放置在mipmap文件下,其他图片和之前drawable一样。

至于drawable和drawable-XXX之间也没有太多好说的,drawable文件下主要放置一些有关图片的xml资源,今天我们主要是看一下drawable-XXX之间的关系。

drawable-XXX

这样的文件夹有好几个,大致如下drawable-mdpi,drawable-hdpi,drawable-xhdpi,drawable-xxhdpi,drawable-xxxhdpi。大家也都知道,不同的手机有不同的分辨率和密度,对应着不同的drawable目录。怎么分辨,什么密度对应什么目录呢,可以参考下图。


dpi对应的drawable文件目录.png

那我们可以先获取自己手机的dpi,然后参考上图,就大概知道我们的手机会引用哪个目录下面的图片资源了。

float xdpi = context.getResources().getDisplayMetrics().xdpi;
float ydpi = context.getResources().getDisplayMetrics().ydpi ;

官方建议我们,不同的dpi对应不同分辨率的图片资源,也就是说建议我们在drawable-mdpi,drawable-hdpi,drawable-xhdpi,drawable-xxhdpi,drawable-xxxhdpi这些文件夹下面都应该有一张相同的但是不同分辨率的图片。

但是,事实上,我们开发过程中有时候只使用一套图片。出现这种情况的原因可能是UI只给你一套图;一套图片能够减小项目,APK的体积。这种情况下,有的手机就无法适配到相应的图片资源。安卓系统已经针对这个问题有自己的一套寻找规则:假设我们的手机对应drawable-xxhdpi,但是这个目录下没有对应的图片,那么系统首先会先向更高密度的目录下寻找,没找到的情况下再向drawable-nodpi目录寻找,都没找到的情况下最后再往低密度的目录(从高到低)寻找,直到找到这个图片为止,大致流程如下:


选择适当的drawable文件.png

小插曲,上面提到的drawable-nodpi是什么鬼?这也是一个图片资源目录,待会下面会说一下。

drawable的选择

在权宜之下,如果只使用一种drawable,那我们该如何选择呢?选择不同的drawable目录有什么区别呢?这才是我们需要重点讨论的问题。

我们来做个试验,看看同一张图片在不同目录下的区别。首先,新建一个项目,放入图片到drawable-xxhdpi,然后布局中显示出来,就这么简单。


drawable-xxhdpi.png
package com.yxr.drawabletest;

import android.support.v7.app.AppCompatActivity;
import android.os.Bundle;
import android.widget.ImageView;
import android.widget.TextView;

public class MainActivity extends AppCompatActivity {

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);

        ImageView ivImage = (ImageView) findViewById(R.id.ivImage);
        TextView tvDevice = (TextView) findViewById(R.id.tvDevice);

        tvDevice.setText("xdpi: " + getResources().getDisplayMetrics().xdpi
                + "\nydpi: " + getResources().getDisplayMetrics().ydpi);
    }
}

Ok,运行一下看看效果。


图片在drawable-xxhdpi下运行效果图.png

我们可以看到,xdpi是403.411,ydpi则是399.737,对应上面的图可知我的手机对应的是xxhdpi,图片显示是正常的。那我们,把图片放到xhdpi和hdpi目录下运行看看效果。


图片在drawable-xhdpi下运行效果图.png

图片在drawable-hdpi下运行效果图.png

可以明显的发现,图片在越低密度的目录下,在我手机上被拉伸的越大。那么,这是为什么呢?原因也很简单,因为我们把图片放在低密度的目录下,系统会默认为我们这是给低密度手机使用的资源,如果我们在高密度的手机上使用的话,系统认为图片不足以适配高密度手机,所以帮我们做了拉伸。反之,如果我们把图片放到更高密度的xxxhdpi目录下,我们的图片也是会被缩放的。上文还提到了drawable-nodpi这个目录,这是干嘛的呢?望文生义,我们大概能看的出,这个目录下的图片不会随手机密度变化而拉伸缩放,而是保留图片原本的大小。
图片在drawable-xxxhdpi下运行效果图.png

问题来了,既然我们想只使用一套图片,那我们是放在低密度的目录下还是高密度的目录下呢?根据上面的实验,其实我们已经有了答案,我们应该放在高密度目录文件下。至于为什么,显而易见,我们从上一个实验中可以看出,当图片放在比手机密度更低的目录下时图片会被拉伸,这就可能会导致图片模糊,而且还增加了内存负担。为了验证这个结论,我们将进行第二个实验(其实和刚刚是一样的,只是关注的地方变了)。

drawable目录和内存消耗

首先,我们将图片移回xxhdpi目录下,并运行查看内存消耗:


图片在drawable-xxhdpi下内存消耗.png

OK,我们再把图片移动到xhdpi目录下,并运行查看内存消耗:


图片在drawable-xhdpi下内存消耗.png

可以看到,内存消耗增加了将近0.5M,现在我们再把图片移动到hdpi目录下,并运行查看内存消耗:
图片在drawable-hdpi下内存消耗.png

内存消耗果然又更大了,当然如果你把图片直接丢在drawable目录下,你会发现这是更不明智的选择,因为不带dpi的目录,默认就是drawable-mdpi。


图片在drawable下运行效果图.png

细心的你会发现,我这里的ImageView的宽高是自适应的,才导致图片缩放拉伸,那么这和内存消耗有没有关系呢?那你可以把ImageView宽高改成足够小,再看看内存消耗,你会得出一样的结论。

总结

  • 官方建议mipmap只放置应用Icon,如果你不遵守也没关系
  • drawable目录只放置图片资源的xml文件
  • 如果只使用一套图片资源的话,目前最适合的目录应该是drawable-xxhdpi目录(目前市面上的xxxhdpi手机相对较少,一套xxxhdpi图片又比较大)

PS

之所以写这篇文章,主要是为了分享和巩固自己的知识,有兴趣的可以参考guolin大大的博文 Android drawable微技巧,你所不知道的drawable的那些细节

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 194,390评论 5 459
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 81,821评论 2 371
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 141,632评论 0 319
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 52,170评论 1 263
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 61,033评论 4 355
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 46,098评论 1 272
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 36,511评论 3 381
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 35,204评论 0 253
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 39,479评论 1 290
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 34,572评论 2 309
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 36,341评论 1 326
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 32,213评论 3 312
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 37,576评论 3 298
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 28,893评论 0 17
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 30,171评论 1 250
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 41,486评论 2 341
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 40,676评论 2 335

推荐阅读更多精彩内容