从零实现ImageLoader(二)—— 基本实现

目录

从零实现ImageLoader(一)—— 架构
从零实现ImageLoader(二)—— 基本实现
从零实现ImageLoader(三)—— 线程池详解
从零实现ImageLoader(四)—— Handler的内心独白
从零实现ImageLoader(五)—— 内存缓存LruCache
从零实现ImageLoader(六)—— 磁盘缓存DiskLruCache

ImageLoader类

我们今天先从ImageLoader类入手,由于是链式的调用方式,ImageLoader以单例的方式实现,下面是代码:

public class ImageLoader {
    private static volatile ImageLoader mSingleton;
    private final Context mContext;

    private ImageLoader(Context context) {
        mContext = context;
    }

    public static ImageLoader with(Context context) {
        if(mSingleton == null) {
            synchronized (ImageLoader.class) {
                if(mSingleton == null) {
                    mSingleton = new ImageLoader(context);
                }
            }
        }
        return mSingleton;
    }
}

至于单例为什么要这么实现,不清楚的同学可以看一下这篇文章:如何正确地写出单例模式 | Jark's Blog。单例如何实现,为什么要这么实现,在这篇文章中都有详细的介绍,这里就不再赘述了。

内存泄露!

不过,上面的代码看似没有问题,但细心的同学可能已经发现了,ImageLoader类持有了Context对象,而ImageLoader作为一个单例持有Context对象是很有可能造成内存泄露的。

我们可以用LeakCanary检测一下,使用起来也很简单, 在build.gradle中加入以下代码:

 dependencies {
   debugCompile 'com.squareup.leakcanary:leakcanary-android:1.5.2'
   releaseCompile 'com.squareup.leakcanary:leakcanary-android-no-op:1.5.2'
 }

接着创建自己的Application类:

public class App extends Application {
  @Override public void onCreate() {
    super.onCreate();
    if (LeakCanary.isInAnalyzerProcess(this)) {
      // This process is dedicated to LeakCanary for heap analysis.
      // You should not init your app in this process.
      return;
    }
    LeakCanary.install(this);
    // Normal app init code...
  }
}

然后随便在MainActivity的什么地方调用ImageLoader:

public class MainActivity extends Activity {
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);

        ImageLoader.with(this);
    }
}

现在只需要打开应用、退出、再打开就会看到下面的画面:

LeakCanary提示

这是LeakCanary在导出内存信息,过一会等待LeakCanary分析完成就会出现一条通知:

LeakCanary通知

可以看到LeakCanary提示MainActivity产生内存泄露了,点进去有更详细的情况:

MainActivity内存泄露详情

可以很明显看到MainActivity的引用被ImageLoader的单例持有,由于单例的生命周期是伴随整个应用的,当Activity调用onDestory()方法时,依然被ImageLoader引用而无法释放,这就造成了内存泄露。

这给了我们一个很重要的警示:不要在单例中持有Activity对象的Context

可这就产生了一个问题,我们必须要用Context,这可怎么办呢?其实解决方法也很简单,既然ImageLoader的生命周期是整个应用,那我们使用生命周期同样是整个应用的ApplicationContext不就可以了吗?于是代码变成了这样:

public class ImageLoader {
    private static volatile ImageLoader mSingleton;
    private final Context mContext;

    private ImageLoader(Context context) {
        //防止单例持有Activity的Context导致内存泄露
        mContext = context.getApplicationContext();
    }

    public static ImageLoader with(Context context) {
        if(mSingleton == null) {
            synchronized (ImageLoader.class) {
                if(mSingleton == null) {
                    mSingleton = new ImageLoader(context);
                }
            }
        }
        return mSingleton;
    }
}

再打开应用,已经没有内存泄露了。

同步实现

解决了内存泄露问题,接着实现其他功能。我们使用load(String url)传入需要加载的图片路径:

public class ImageLoader {
    ...

    public Dispatcher load(String url) {
        return new Dispatcher(url);
    }
}

由于是链式调用,所以返回了Dispatcher类:

public class Dispatcher {
    private final String mUrl;
    public Bitmap get() throws IOException {
        URL realUrl = new URL(mUrl);
        HttpURLConnection connection = (HttpURLConnection) realUrl.openConnection();
        try(InputStream in = connection.getInputStream()) {
            return BitmapFactory.decodeStream(in);
        } finally {
            connection.disconnect();
        }
    }
}

这里只做一个简单的同步加载实现,也就是get()方法,其他功能等之后再慢慢添加。

到这里,ImageLoader就已经有了加载图片的功能了,先测试一下:

public class MainActivity extends Activity {
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);

        ImageView imageView = findViewById(R.id.image);
        new Thread(() -> {
            Bitmap bitmap;
            try {
                bitmap = ImageLoader.with(this)
                        .load("https://i.redd.it/20mplvimm8ez.jpg")
                        .get();
                MainActivity.this.runOnUiThread(() -> {
                    imageView.setImageBitmap(bitmap);
                });
            } catch (IOException e) {
                e.printStackTrace();
            }
        }).start();
    }
}
效果图

代码优化

上面的get()方法实现现在看起来好像没什么问题,不过Dispatcher类是用来进行线程切换以及缓存加载的,如果再将网络下载放在这里,Dispatcher类就会显得过于臃肿,为了保持Dispatcher类功能的单一性,这里选择将网络下载功能抽出来单独做一个类:

public class NetworkUtil {
    private NetworkUtil() {}

    public static Bitmap getBitmap(String url) throws IOException {
        URL realUrl = new URL(url);
        HttpURLConnection connection = (HttpURLConnection) realUrl.openConnection();
        try(InputStream in = connection.getInputStream()) {
            return BitmapFactory.decodeStream(in);
        } finally {
            connection.disconnect();
        }
    }
}

这样做还有一个好处,那就是以后想要使用其他的网络下载框架比如OkHttp或者Volley,只需要在NetworkUtil中修改而不影响其他类了。

现在,Dispatcher的get()方法也变得非常简洁:

public class Dispatcher {
    private final String mUrl;
    public Bitmap get() throws IOException {
        return NetworkUtil.getBitmap(mUrl);
    }
}

总结

在这篇文章里我们实现了基本的同步加载,同时解决了Context的内存泄露问题,下一篇,我们将要实现的是异步图片加载。

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

推荐阅读更多精彩内容