实现一个最简单图片列表所引发的问题

最新推荐文章于 2024-05-14 15:41:33 发布

回归的阿廖

最新推荐文章于 2024-05-14 15:41:33 发布

阅读量1.7k

点赞数

分类专栏： Android

本文链接：https://blog.csdn.net/aliaooooo/article/details/46964811

版权

本文探讨了如何避免在ListView中不必要的图片网络请求，通过设置item高度、利用ListView滚动监听优化加载时机，减少冗余请求，提高滑动流畅性。同时，为后续的内存缓存优化奠定了基础。

摘要由CSDN通过智能技术生成

前一阵看了些Universal-Image-Loager的源码。我觉得看源码很累的一个原因就是除了看怎么实现，就是去揣测为什么这么实现。这个揣测的过程很容易走马观花，看到后面似懂非懂。
人懒到一个地步一句话来说是能躺着就绝对不坐着，能坐着就绝对不蹲着，能蹲着就绝对不站着。有时候看源码也是，能看懂就不会想着去debug，debug能看明白的就懒得去动手写写。

看和写的感受是不一样的。看的是结果，写的是过程。

第三方库的使用让开发变得很方便，大量图片请求的实现，大多数不再是说实现的核心，而是直接说使用什么第三方。即便如此也没关系，只要知道别人是怎么实现的就好了，这很重要。Universal-Image-Loader是一个强大的图片加载开源框架，应该都被说烂用烂了吧。这篇主要是为了去发现问题，从0开始。

看代码的时候很多为什么，为什么要这么写，怎么就想到会有这些问题，怎么就想到用这种方法去解决。想找原因还是从最简单的实现一个图片列表开始找吧。不用任何框架，也不考虑什么缓存，单纯的去写一个网络请求显示图片列表这样一个功能。

新建一个PhotoListActivity，这个类只显示一个listview：

package com.aliao.learninguil.activity;

import android.os.Bundle;
import android.support.v7.app.AppCompatActivity;
import android.widget.ListView;

import com.aliao.learninguil.Constants;
import com.aliao.learninguil.R;
import com.aliao.learninguil.adapter.PhotoListAdapter;
import com.aliao.learninguil.entity.ImageInfo;

import java.util.ArrayList;
import java.util.List;

/**
 * Created by ALiao on 2015/7/13.
 */
public class PhotoListActivity extends AppCompatActivity {

    private ListView mListView;
    private PhotoListAdapter mAdapter;
    private List<ImageInfo> mImageInfos = new ArrayList<>();
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_photolist);
        for (int i = 0; i< Constants.IMAGES.length; i++){
            ImageInfo imageInfo = new ImageInfo();
            imageInfo.setUrl(Constants.IMAGES[i]);
            imageInfo.setName("item-" + i);
            mImageInfos.add(imageInfo);
        }
        mListView = (ListView) findViewById(R.id.photoList);
        mAdapter = new PhotoListAdapter(mImageInfos, mListView);
        mListView.setAdapter(mAdapter);
    }
}

listview的item的布局是左边显示一个ImageVeiw，右边显示一个textview：

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:orientation="horizontal" android:layout_width="match_parent"
    android:layout_height="match_parent">

    <ImageView
        android:id="@+id/iv_img"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content" />

    <TextView
        android:id="@+id/tv_imagename"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content" />

</LinearLayout>

要想在listview的每个item中显示一张网络请求的图片，那么在PhotoListAdapter中要启动线程进行网络请求。

package com.aliao.learninguil.adapter;

import android.graphics.Bitmap;
import android.graphics.BitmapFactory;
import android.os.AsyncTask;
import android.view.LayoutInflater;
import android.view.View;
import android.view.ViewGroup;
import android.widget.BaseAdapter;
import android.widget.ImageView;
import android.widget.ListView;
import android.widget.TextView;

import com.aliao.learninguil.R;
import com.aliao.learninguil.