Android ListView异步加载图片错位解决方案一 使用findViewWithTag

* 解决listView 加载图片错位解决方案一 使用findViewWithTag *
使用findViewWithTag必须要有ListView的实例,在Adapter中怎样才能获取到ListView的实例呢？，getView()方法中传入的第三个参数其实就是ListView的实例 我们定义一个全局变量mListView ，然后在getView()方法中判断它是否为空, 如果为空就把parent这个参数赋值给它。
,,另外一个操作就是在getView()方法中我们调用了ImageView的setTag()方法，并把当前位置图片的URL地址作为参数传了进去，这个是为后续的findViewWithTag()方法做准备.
最后，我们修改了BitmapWorkerTask的构造函数，这里不再通过构造函数把ImageView的实例传进去了，而是在onPostExecute()方法当中通过ListView的findVIewWithTag()方法来去获取ImageView控件的实例。获取到控件实例后判断下是否为空，如果不为空就让图片显示到控件上。

显示图片的 Adapter

package com.gaoo.listviewtest;

/**
 * 1.设置布局文件主界面 listview 和新建一个 item 布局
 * 2.新建ImageAdapter做为ListView的适配器
 *
 * 解决listView 加载图片错位
 * 解决方案一  使用findViewWithTag
 */
public class ImageAdapter extends ArrayAdapter<String> {
private ListView mListView; //定义一个全局变量 listview
    /**
     * 图片缓存技术的核心类 ,用于缓存所有下载的图片,在程序内存达到设定值时,会将最少最近使用的图片移除掉.
     */
    private LruCache<String, BitmapDrawable> mMemoryCache;

    public ImageAdapter(Context context, int resource, String[] objects) {
        super(context, resource, objects);
        //获取应用程序的最大可用内存
        int maxMemory = (int) Runtime.getRuntime().maxMemory();
        //大小为当前程序运行时内存的1/8
        int cacheSize = maxMemory / 8;
        mMemoryCache = new LruCache<String, BitmapDrawable>(cacheSize) {
            @Override
            protected int sizeOf(String key, BitmapDrawable value) {
                return value.getBitmap().getByteCount();
            }
        };
    }
    @Override
    public View getView(int position, View convertView, ViewGroup parent) {
        // 第1.解决方案一  使用findViewWithTag
        if (mListView == null) {
            mListView = (ListView) parent;
        }
        String url = getItem(position); //根据当前的位置获取到图片的URL地址

        View view;
        if (convertView == null) {
            view = LayoutInflater.from(getContext()).inflate(R.layout.item_image, null);
        } else {
            view = convertView;
        }
        ImageView imageView = (ImageView) view.findViewById(R.id.image);

        //第2.解决方案一  使用findViewWithTag
        imageView.setImageResource(R.drawable.empty_photo);
        imageView.setTag(url);

        //先从缓存中获取
        BitmapDrawable drawable = getBitmapFromMemoryCache(url);
        if (drawable != null) {
            imageView.setImageDrawable(drawable);
        } else {
            //再从网络上获取
            BitmapWorkerTask task = new BitmapWorkerTask();
            task.execute(url);
        }
        return view;
    }
    /**
     * 将 图片存储到 LruCache中
     *
     * @param key      LruCache的键，传入图片的URL地址。
     * @param drawable LruCache的值，传入从网络上下载的BitmapDrawable对象
     */
    public void addBitmapToMemoryCache(String key, BitmapDrawable drawable) {
        if (getBitmapFromMemoryCache(key) == null) {
            mMemoryCache.put(key, drawable);
        }
    }
    /**
     * 从 LruCache中获取图片,如果获取不到就返回null
     *
     * @param url LruCache的键，传入图片的URL地址。
     * @return
     */
    public BitmapDrawable getBitmapFromMemoryCache(String url) {
        return mMemoryCache.get(url);
    }
    /**
     * 异步下载图片的任务。
     */
    private class BitmapWorkerTask extends AsyncTask<String, Void, BitmapDrawable> {
        private ImageView mImageView;
        private String mImageUrl;
//        public BitmapWorkerTask(ImageView imageView) {
//            this.mImageView = imageView;
//        }
        @Override
        protected BitmapDrawable doInBackground(String... params) {
            mImageUrl = params[0];
            Log.d("BitmapWorkerTask-------", "从网络上获取");
            //在后台 开始下载图片
            Bitmap bitmap = downloadBitmap(mImageUrl);
            BitmapDrawable drawable = new BitmapDrawable(getContext().getResources(), bitmap);
            addBitmapToMemoryCache(mImageUrl, drawable);
            return drawable;
        }
        @Override
        protected void onPostExecute(BitmapDrawable drawable) {
            //第3.解决方案一  使用findViewWithTag
            ImageView imageView = (ImageView) mListView.findViewWithTag(mImageUrl);
            if (imageView != null && drawable != null) {
                imageView.setImageDrawable(drawable);
            }
//            if (mImageView != null && drawable != null) {
//                mImageView.setImageDrawable(drawable);
//            }
        }
        /**
         * 建立网络请求,并获取 bitmap 对象
         *
         * @param imageUrl 图片的URL地址
         * @return
         */
        private Bitmap downloadBitmap(String imageUrl) {
            Bitmap bitmap = null;
            HttpURLConnection urlConnection = null;
            try {
                URL url = new URL(imageUrl);
   urlConnection = (HttpURLConnection)url.openConnection();
                urlConnection.setConnectTimeout(20 * 1000);
                urlConnection.setReadTimeout(10 * 1000);
                InputStream is = urlConnection.getInputStream();
                bitmap = BitmapFactory.decodeStream(is);
            } catch (MalformedURLException e) {
                e.printStackTrace();
            } catch (IOException e) {
                e.printStackTrace();
            } finally {
                if (urlConnection != null) {
                    urlConnection.disconnect();
                }
            }

            return bitmap;
        }
    }
}

主界面

/**
 * Android ListView异步加载图片乱序问题，原因分析及解决方案
 * 原文地址 : http://blog.csdn.net/guolin_blog/article/details/45586553
ImageId 图片资源可以在 原文地址 中 查找
 */
public class MainActivity extends AppCompatActivity {
    ListView listView;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        listView = (ListView) findViewById(R.id.list_view);

//        //方法3 解决方案一 使用findViewWithTag
        ImageAdapter adapter = new ImageAdapter(this,0, ImageId.imageUrl);
        listView.setAdapter(adapter);
    }
}