使用Volley框架异步加载图片+ListView图片加载错位解决

BitmapCache类：

view
sourceprint?

01.

package

com.dystudio.ustc.asyncimageloader_listview_volley;

02.

03.

import

android.graphics.Bitmap;

04.

import

android.support.v4.util.LruCache;

05.

import

android.util.Log;

06.

07.

import

com.android.volley.toolbox.ImageLoader.ImageCache;

08.

09.

10.

public

class

BitmapCache

implements

ImageCache
{

11.

12.

private

static

final

String
TAG =

"BitmapCache"

;

13.

private

LruCache<String,
Bitmap> mCache;

14.

15.

public

BitmapCache()
{

16.

17.

int

maxSize
=

4

*

1024

*

1024

;

18.

19.

mCache
=

new

LruCache<String,
Bitmap>(maxSize) {

20.

@Override

21.

protected

int

sizeOf(String
key, Bitmap bitmap) {

22.

23.

return

bitmap.getRowBytes()
*bitmap.getHeight();

24.

}

25.

26.

};

27.

28.

}

29.

30.

@Override

31.

public

Bitmap
getBitmap(String url) {

32.

33.

Log.i(TAG,

"get
cache "

+
url);

34.

35.

return

mCache.get(url);

36.

}

37.

38.

@Override

39.

public

void

putBitmap(String
url, Bitmap bitmap) {

40.

Log.i(TAG,

"get
cache: "

+
url);

41.

if

(bitmap
!=

null

)
{

42.

43.

mCache.put(url,
bitmap);

44.

45.

}

46.

47.

}

48.

49.

}

MyAdapter:

view
sourceprint?

01.

package

com.dystudio.ustc.asyncimageloader_listview_volley;

02.

03.

import

android.content.Context;

04.

import

android.view.LayoutInflater;

05.

import

android.view.View;

06.

import

android.view.ViewGroup;

07.

import

android.widget.BaseAdapter;

08.

09.

import

com.android.volley.RequestQueue;

10.

import

com.android.volley.toolbox.ImageLoader;

11.

import

com.android.volley.toolbox.NetworkImageView;

12.

import

com.android.volley.toolbox.Volley;

13.

14.

15.

16.

public

class

MyAdapter

extends

BaseAdapter
{

17.

18.

private

String[]
list;

19.

20.

private

Context
context;

21.

22.

private

RequestQueue
queue;

23.

24.

private

ImageLoader
imageLoader;

25.

26.

public

MyAdapter(Context
context, String[] list) {

27.

28.

this

.context
= context;

29.

30.

this

.list
= list;

31.

32.

queue
= Volley.newRequestQueue(context);

33.

34.

imageLoader
=

new

ImageLoader(queue,

new

BitmapCache());

35.

}

36.

37.

@Override

38.

public

int

getCount()
{

39.

return

list.length;

40.

}

41.

42.

@Override

43.

public

Object
getItem(

int

position)
{

44.

return

list[position];

45.

}

46.

47.

@Override

48.

public

long

getItemId(

int

position)
{

49.

return

position;

50.

}

51.

52.

@Override

53.

public

View
getView(

int

position,
View convertView, ViewGroup parent) {

54.

55.

ViewHolder
holder =

null

;

56.

57.

if

(convertView
==

null

)
{

58.

59.

holder
=

new

ViewHolder();

60.

61.

convertView
= LayoutInflater.from(context).inflate(

62.

R.layout.list_item,

null

);

63.

holder.img
= (NetworkImageView) convertView

64.

.findViewById(R.id.userimage);

65.

66.

convertView.setTag(holder);

67.

68.

}

else

{

69.

70.

holder
=(ViewHolder) convertView.getTag();

71.

72.

}

73.

String
imgUrl = list[position];

74.

75.

if

(imgUrl
!=

null

&&
!imgUrl.equals(

""

))
{

76.

77.

holder.img.setDefaultImageResId(R.drawable.ic_launcher);

78.

holder.img.setErrorImageResId(R.drawable.ic_launcher);

79.

holder.img.setImageUrl(imgUrl,
imageLoader);

80.

81.

}

82.

83.

return

convertView;

84.

}

85.

86.

static

class

ViewHolder
{

87.

NetworkImageView
img;

88.

}

89.

90.

}

MainActivity:

view
sourceprint?

001.

package

com.dystudio.ustc.asyncimageloader_listview_volley;

002.

003.

import

android.app.Activity;

004.

import

android.os.Bundle;

005.

import

android.widget.ListView;

006.

007.

public

class

MainActivity

extends

Activity
{

008.

ListView
listView;

009.

String[]
images =

new

String[]
{

010.

"http://img.my.csdn.net/uploads/201407/26/1406383299_1976.jpg"

,

011.

"http://img.my.csdn.net/uploads/201407/26/1406383291_6518.jpg"

,

012.

"http://img.my.csdn.net/uploads/201407/26/1406383291_8239.jpg"

,

013.

"http://img.my.csdn.net/uploads/201407/26/1406383290_9329.jpg"

,

014.

"http://img.my.csdn.net/uploads/201407/26/1406383290_1042.jpg"

,

015.

"http://img.my.csdn.net/uploads/201407/26/1406383275_3977.jpg"

,

016.

"http://img.my.csdn.net/uploads/201407/26/1406383265_8550.jpg"

,

017.

"http://img.my.csdn.net/uploads/201407/26/1406383264_3954.jpg"

,

018.

"http://img.my.csdn.net/uploads/201407/26/1406383264_4787.jpg"

,

019.

"http://img.my.csdn.net/uploads/201407/26/1406383264_8243.jpg"

,

020.

"http://img.my.csdn.net/uploads/201407/26/1406383248_3693.jpg"

,

021.

"http://img.my.csdn.net/uploads/201407/26/1406383243_5120.jpg"

,

022.

"http://img.my.csdn.net/uploads/201407/26/1406383242_3127.jpg"

,

023.

"http://img.my.csdn.net/uploads/201407/26/1406383242_9576.jpg"

,

024.

"http://img.my.csdn.net/uploads/201407/26/1406383242_1721.jpg"

,

025.

"http://img.my.csdn.net/uploads/201407/26/1406383219_5806.jpg"

,

026.

"http://img.my.csdn.net/uploads/201407/26/1406383214_7794.jpg"

,

027.

"http://img.my.csdn.net/uploads/201407/26/1406383213_4418.jpg"

,

028.

"http://img.my.csdn.net/uploads/201407/26/1406383213_3557.jpg"

,

029.

"http://img.my.csdn.net/uploads/201407/26/1406383210_8779.jpg"

,

030.

"http://img.my.csdn.net/uploads/201407/26/1406383172_4577.jpg"

,

031.

"http://img.my.csdn.net/uploads/201407/26/1406383166_3407.jpg"

,

032.

"http://img.my.csdn.net/uploads/201407/26/1406383166_2224.jpg"

,

033.

"http://img.my.csdn.net/uploads/201407/26/1406383166_7301.jpg"

,

034.

"http://img.my.csdn.net/uploads/201407/26/1406383165_7197.jpg"

,

035.

"http://img.my.csdn.net/uploads/201407/26/1406383150_8410.jpg"

,

036.

"http://img.my.csdn.net/uploads/201407/26/1406383131_3736.jpg"

,

037.

"http://img.my.csdn.net/uploads/201407/26/1406383130_5094.jpg"

,

038.

"http://img.my.csdn.net/uploads/201407/26/1406383130_7393.jpg"

,

039.

"http://img.my.csdn.net/uploads/201407/26/1406383129_8813.jpg"

,

040.

"http://img.my.csdn.net/uploads/201407/26/1406383100_3554.jpg"

,

041.

"http://img.my.csdn.net/uploads/201407/26/1406383093_7894.jpg"

,

042.

"http://img.my.csdn.net/uploads/201407/26/1406383092_2432.jpg"

,

043.

"http://img.my.csdn.net/uploads/201407/26/1406383092_3071.jpg"

,

044.

"http://img.my.csdn.net/uploads/201407/26/1406383091_3119.jpg"

,

045.

"http://img.my.csdn.net/uploads/201407/26/1406383059_6589.jpg"

,

046.

"http://img.my.csdn.net/uploads/201407/26/1406383059_8814.jpg"

,

047.

"http://img.my.csdn.net/uploads/201407/26/1406383059_2237.jpg"

,

048.

"http://img.my.csdn.net/uploads/201407/26/1406383058_4330.jpg"

,

049.

"http://img.my.csdn.net/uploads/201407/26/1406383038_3602.jpg"

,

050.

"http://img.my.csdn.net/uploads/201407/26/1406382942_3079.jpg"

,

051.

"http://img.my.csdn.net/uploads/201407/26/1406382942_8125.jpg"

,

052.

"http://img.my.csdn.net/uploads/201407/26/1406382942_4881.jpg"

,

053.

"http://img.my.csdn.net/uploads/201407/26/1406382941_4559.jpg"

,

054.

"http://img.my.csdn.net/uploads/201407/26/1406382941_3845.jpg"

,

055.

"http://img.my.csdn.net/uploads/201407/26/1406382924_8955.jpg"

,

056.

"http://img.my.csdn.net/uploads/201407/26/1406382923_2141.jpg"

,

057.

"http://img.my.csdn.net/uploads/201407/26/1406382923_8437.jpg"

,

058.

"http://img.my.csdn.net/uploads/201407/26/1406382922_6166.jpg"

,

059.

"http://img.my.csdn.net/uploads/201407/26/1406382922_4843.jpg"

,

060.

"http://img.my.csdn.net/uploads/201407/26/1406382905_5804.jpg"

,

061.

"http://img.my.csdn.net/uploads/201407/26/1406382904_3362.jpg"

,

062.

"http://img.my.csdn.net/uploads/201407/26/1406382904_2312.jpg"

,

063.

"http://img.my.csdn.net/uploads/201407/26/1406382904_4960.jpg"

,

064.

"http://img.my.csdn.net/uploads/201407/26/1406382900_2418.jpg"

,

065.

"http://img.my.csdn.net/uploads/201407/26/1406382881_4490.jpg"

,

066.

"http://img.my.csdn.net/uploads/201407/26/1406382881_5935.jpg"

,

067.

"http://img.my.csdn.net/uploads/201407/26/1406382880_3865.jpg"

,

068.

"http://img.my.csdn.net/uploads/201407/26/1406382880_4662.jpg"

,

069.

"http://img.my.csdn.net/uploads/201407/26/1406382879_2553.jpg"

,

070.

"http://img.my.csdn.net/uploads/201407/26/1406382862_5375.jpg"

,

071.

"http://img.my.csdn.net/uploads/201407/26/1406382862_1748.jpg"

,

072.

"http://img.my.csdn.net/uploads/201407/26/1406382861_7618.jpg"

,

073.

"http://img.my.csdn.net/uploads/201407/26/1406382861_8606.jpg"

,

074.

"http://img.my.csdn.net/uploads/201407/26/1406382861_8949.jpg"

,

075.

"http://img.my.csdn.net/uploads/201407/26/1406382841_9821.jpg"

,

076.

"http://img.my.csdn.net/uploads/201407/26/1406382840_6603.jpg"

,

077.

"http://img.my.csdn.net/uploads/201407/26/1406382840_2405.jpg"

,

078.

"http://img.my.csdn.net/uploads/201407/26/1406382840_6354.jpg"

,

079.

"http://img.my.csdn.net/uploads/201407/26/1406382839_5779.jpg"

,

080.

"http://img.my.csdn.net/uploads/201407/26/1406382810_7578.jpg"

,

081.

"http://img.my.csdn.net/uploads/201407/26/1406382810_2436.jpg"

,

082.

"http://img.my.csdn.net/uploads/201407/26/1406382809_3883.jpg"

,

083.

"http://img.my.csdn.net/uploads/201407/26/1406382809_6269.jpg"

,

084.

"http://img.my.csdn.net/uploads/201407/26/1406382808_4179.jpg"

,

085.

"http://img.my.csdn.net/uploads/201407/26/1406382790_8326.jpg"

,

086.

"http://img.my.csdn.net/uploads/201407/26/1406382789_7174.jpg"

,

087.

"http://img.my.csdn.net/uploads/201407/26/1406382789_5170.jpg"

,

088.

"http://img.my.csdn.net/uploads/201407/26/1406382789_4118.jpg"

,

089.

"http://img.my.csdn.net/uploads/201407/26/1406382788_9532.jpg"

,

090.

"http://img.my.csdn.net/uploads/201407/26/1406382767_3184.jpg"

,

091.

"http://img.my.csdn.net/uploads/201407/26/1406382767_4772.jpg"

,

092.

"http://img.my.csdn.net/uploads/201407/26/1406382766_4924.jpg"

,

093.

"http://img.my.csdn.net/uploads/201407/26/1406382766_5762.jpg"

,

094.

"http://img.my.csdn.net/uploads/201407/26/1406382765_7341.jpg"

};

095.

096.

@Override

097.

protected

void

onCreate(Bundle
savedInstanceState) {

098.

super

.onCreate(savedInstanceState);

099.

setContentView(R.layout.activity_main);

100.

listView
= (ListView) findViewById(R.id.listview);

101.

MyAdapter
adapter =

new

MyAdapter(

this

,
images);

102.

listView.setAdapter(adapter);

103.

}

104.

}