android - listView での imageView の遅延読み込み

Question

私はかなり長い間これに問題を抱えてきました。少しずつですが、プログラミングに費やす時間があまりありません:(

そのため、リスト ビューに表示するために URL から画像を読み込む必要があります。それらは遅延読み込みであり、私が使用しているキャッシュ システムはうまく機能します。問題は、スクロールを開始したときにダウンロードした画像が間違った場所にあり、どこが間違っているのかがわからないことです。

このコードは、次の 2 つのリンクから着想を得ています。これはレイアウトのアイデアです。
http://blog.blundell-apps.com/imageview-with-loading-spinner/
およびこれはキャッシュ システム用です。
http://android-developers.blogspot.fr/2010/07/multithreading-for-performance.html

だからここに私のコードがあります：

public class LoaderImageView extends LinearLayout
{

private static final String TAG = "LoderImageView";

private Context mContext;

private ImageView mImage;
private ProgressBar mSpinner;


/* The HashMap that contains the references to the different 
 * downloads currently running.
 */
public static HashMap<LoaderImageView, BitmapDownloaderTask> tasks =
        new LinkedHashMap<LoaderImageView, BitmapDownloaderTask>();

public LoaderImageView(Context context, AttributeSet attrs)
{
    super(context, attrs);
    mContext = context;

    mImage = new ImageView(mContext);
    mImage.setLayoutParams(new LayoutParams(LayoutParams.WRAP_CONTENT,
            LayoutParams.WRAP_CONTENT));

    mSpinner = new ProgressBar(mContext);
    mSpinner.setLayoutParams(new LayoutParams(LayoutParams.WRAP_CONTENT,
            LayoutParams.WRAP_CONTENT));

    mSpinner.setIndeterminate(true);


    addView(mSpinner);
    addView(mImage);

    Log.w(TAG, "Loading an imageView");
}

public void downloadImage(String url)
{
    resetPurgeTimer();

    //Log.w(TAG, "Loading: " + url);

    if(url.equals(""))
    {
        mImage.setImageDrawable(mContext.getResources().getDrawable(R.drawable.male));
    }
    else
    {

        Bitmap bitmap = getBitmapFromCache(url);

        if(bitmap == null)
        {
            /* The bitmap is not in the cache. */
            cancelPotentialDownload(this);

            /* Start the new download. */
            BitmapDownloaderTask bdt = new BitmapDownloaderTask(this, url);
            bdt.execute();
        }
        else
        {
            /*The bitmap is in the cache. */
            mImage.setImageBitmap(bitmap);
            mSpinner.setVisibility(View.GONE);
        }
    }

}

class BitmapDownloaderTask extends AsyncTask<Void, Void, Bitmap>
{
    private String mUrl;
    private LoaderImageView mLiv;

    public BitmapDownloaderTask(LoaderImageView liv, String url)
    {
        mLiv = liv;
        mUrl = url;
    }

    @Override
    protected void onPreExecute()
    {
        LoaderImageView.tasks.put(mLiv, this);
        mSpinner.setVisibility(View.VISIBLE);
        mImage.setVisibility(View.GONE);
        Log.w(TAG, "Starting an AsyncTask");
    }


    @Override
    protected Bitmap doInBackground(Void... voids)
    {
        URL url = null;

        try
        {
            url = new URL(mUrl);
        }
        catch (MalformedURLException e)
        {
            e.printStackTrace();
        }

        return BitmapTools.fetchBitmap(url);
    }


    @Override
    protected void onPostExecute(Bitmap bitmap)
    {
        BitmapDownloaderTask b = tasks.get(mLiv);

        if(b == this)
        {
            LoaderImageView.tasks.remove(this);
            mImage.setImageBitmap(bitmap);
        }

        if (isCancelled())
        {
            bitmap = null;
        }

        addBitmapToCache(mUrl, bitmap);
        tasks.remove(mLiv);
        mSpinner.setVisibility(View.GONE);
        mImage.setVisibility(View.VISIBLE);
    }
}

/* キャッシュに関連するその他のメソッド... */

ここでxmlレイアウト：

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="60dp"
    android:background="@drawable/list_item_selector" >

    <com.myproject.liste.LoaderImageView
        android:id="@+id/visites_image"
        android:layout_width="50dp"
        android:layout_height="50dp"
        android:layout_alignParentLeft="true"
        android:layout_centerVertical="true" />
</RelativeLayout>

BaseAdapter と ListActivity を使用してリストを作成しています。また、データのページごとにリストをロードしています。10 個のアイテムをロードし、ユーザーが下にスクロールするとさらに 10 個ロードし、notifyDataSetChange(); を呼び出します。