安卓GridView异步加载网络图片
总结感想
今天，第一次使用加载网络图片，对于网络GridView的图片网络加载与大家分享下。
先看下效果图
看完效果下面就看看具体代码的实现吧
- MainActivity 的写法
//gridview要显示的数据商品列表
private List < ProductDetailsBean > goods;
//我们要填充的容器gridview哦
private GridView gv;
//初始化gridview；
gv = (GridView) findViewById( R.id.activity_productlist_gridview);
//新建一个自定义的适配器用于显示gridview，所需要的数据goods通过网络请求，图片地址以及对应的商品描述，这里就不做解释了
ShowPLAdapter adapter = new ShowPLAdapter(ShowProductListActivity.this, goods)；
//设置适配器
gv.setAdapter(adapter);
- 再看下实体类的实行吧的写法
//只写属性哦，setget方法自己加
public class ProductDetailsBean {
//商品的地址哦，这就是我们要网络加载对应的url地址
private String imagepath;
//商品描述
private String decp;
//商品的其他三个属性具体无所谓啦
private String pv;
private String price;
private String count;
}
- main函数中对应xml的gridview
GridView
android:id=”@+id/activity_productlist_gridview”
android:layout_width=”fill_parent”
android:layout_height=”wrap_content”
android:columnWidth=”90dp”
android:gravity=”center”
android:horizontalSpacing=”10dp”
android:numColumns=”2”
android:stretchMode=”columnWidth”
android:verticalSpacing=”10dp”
android:listSelector=”@drawable/list_selector”
GridView
对应的单个item的xml
相信大家看效果图也能写出来，这里就不给出了最后来看看主要内容自定时适配器部分
// 自定义设配器，还是一样继承baseadapter
public class ShowPLAdapter extends BaseAdapter {
private LayoutInflater inflater;
private List goods;
private Bitmap mLoadingBitmap;
private Context context;
// 图片缓存技术的核心类，用于缓存所有下载好的图片，在程序内存达到设定值时会将最少最近使用的图片移除掉
private LruCache< String, BitmapDrawable> mMemoryCache;
//数据只需要个商品列表goods就够了
public ShowPLAdapter(Context context,List goods) {
super();
this.context=context;
this.goods=goods;
inflater = LayoutInflater.from(context);
//初始化默认的bitmap这里使用个颜色就可以了，可以用默认的空白图片也可
mLoadingBitmap = BitmapFactory.decodeResource(context.getResources(),
R.color.white);
// 这里获取应用程序最大可用内存
int maxMemory = (int) Runtime.getRuntime().maxMemory();
int cacheSize = maxMemory / 8;
// 将下载的图片保存着此缓存中
mMemoryCache = new LruCache< String, BitmapDrawable>(cacheSize) {
@Override
protected int sizeOf(String key, BitmapDrawable drawable) {
return drawable.getBitmap().getByteCount();}};}
@Override
public int getCount() {
// TODO Auto-generated method stub
return goods.size();
}
@Override
public ProductDetailsBean getItem(int position) {
// TODO Auto-generated method stub
return goods.get(position);
}
@Override
public long getItemId(int position) {
// TODO Auto-generated method stub
return position;
}
//adapter最重要的方法也在这里了
@Override
public View getView(int position, View convertView, ViewGroup parent) {
ProductDetailsBean good = getItem(position);
// 通过商品获取加载图片地址
String url=good.getImagepath();
ViewHolder holder=null;
//如果没有缓存就解析xml加载控件
if (convertView == null) {
convertView = inflater.inflate(R.layout.search_goods_item, null);
holder=new ViewHolder();
holder.image=(ImageView) convertView.findViewById(R.id.img_search_good);
holder.description=(TextView) convertView.findViewById(R.id.tv_search_good_descp);
holder.pv=(TextView) convertView.findViewById(R.id.tv_search_good_pv);
holder.count=(TextView) convertView.findViewById(R.id.tv_search_good_count);
convertView.setTag(holder);
} else {
//如果缓存中有控件了，直接取出来
holder=(ViewHolder) convertView.getTag();
}
//设置商品值
String description=goods.get(position).getDecp();
String pv=goods.get(position).getPv();
String count=goods.get(position).getCount();
count=”兑换”+count+”次”;
holder.description.setText(description);
holder.pv.setText(pv);
holder.count.setText(count);
//重要的就是图片了通过url获取BitmapDrawable
BitmapDrawable drawable = getBitmapFromMemoryCache(url);
if (drawable != null) {
//如果已经加载了就设置图片
holder.image.setImageDrawable(drawable);
} else if (cancelPotentialWork(url, holder.image))
{//未存在的潜在任务时，就使用启动异步加载
BitmapWorkerTask task = new BitmapWorkerTask(holder.image);
AsyncDrawable asyncDrawable = new AsyncDrawable(context.getResources(), mLoadingBitmap, task);
holder.image.setImageDrawable(asyncDrawable);
task.execute(url);
}
return convertView;
}
/ /自定义的一个Drawable，让这个Drawable持有BitmapWorkerTask的弱引用。
class AsyncDrawable extends BitmapDrawable {
private WeakReference< BitmapWorkerTask > bitmapWorkerTaskReference;
public AsyncDrawable(Resources res, Bitmap bitmap,
BitmapWorkerTask bitmapWorkerTask) {
super(res, bitmap);
bitmapWorkerTaskReference = new WeakReference(
bitmapWorkerTask);
}
public BitmapWorkerTask getBitmapWorkerTask() {
return bitmapWorkerTaskReference.get();
}
}
//获取传入的ImageView它所对应的BitmapWorkerTask。
private BitmapWorkerTask getBitmapWorkerTask(ImageView imageView) {
if (imageView != null) {
Drawable drawable = imageView.getDrawable();
if (drawable instanceof AsyncDrawable) {
AsyncDrawable asyncDrawable = (AsyncDrawable) drawable;
return asyncDrawable.getBitmapWorkerTask();
}
}
return null;
}/**
- 取消掉后台的潜在任务，当认为当前ImageView存在着一个另外图片请求任务时
- ，则把它取消掉并返回true，否则返回false。
*/
public boolean cancelPotentialWork(String url, ImageView imageView) {
BitmapWorkerTask bitmapWorkerTask = getBitmapWorkerTask(imageView);
if (bitmapWorkerTask != null) {
String imageUrl = bitmapWorkerTask.imageUrl;
if (imageUrl == null || !imageUrl.equals(url)) {
bitmapWorkerTask.cancel(true);
} else {
return false;
}
}
return true;
}
/**
- 将一张图片存储到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 key
- LruCache的键，这里传入图片的URL地址。
- @return 对应传入键的BitmapDrawable对象，或者null。
*/
public BitmapDrawable getBitmapFromMemoryCache(String key) {
return mMemoryCache.get(key);
}
/**
- 异步下载图片的任务。
*/
class BitmapWorkerTask extends AsyncTask< String, Void, BitmapDrawable> {String imageUrl;
private WeakReference imageViewReference;
public BitmapWorkerTask(ImageView imageView) {
imageViewReference = new WeakReference(imageView);
}@Override
protected BitmapDrawable doInBackground(String… params) {
imageUrl = params[0];
// 在后台开始下载图片
Bitmap bitmap = downloadBitmap(imageUrl);
BitmapDrawable drawable = new BitmapDrawable(context.getResources(), bitmap);
addBitmapToMemoryCache(imageUrl, drawable);
return drawable;
}@Override
protected void onPostExecute(BitmapDrawable drawable) {
ImageView imageView = getAttachedImageView();
if (imageView != null && drawable != null) {
imageView.setImageDrawable(drawable);
}
}/**
- 获取当前BitmapWorkerTask所关联的ImageView。
*/
private ImageView getAttachedImageView() {
ImageView imageView = imageViewReference.get();
BitmapWorkerTask bitmapWorkerTask = getBitmapWorkerTask(imageView);
if (this == bitmapWorkerTask) {
return imageView;
}
return null;
}
/**
- 建立HTTP请求，并获取Bitmap对象。
-
- @param imageUrl
- 图片的URL地址
- @return 解析后的Bitmap对象
*/
private Bitmap downloadBitmap(String imageUrl) {
Bitmap bitmap = null;
HttpURLConnection con = null;
try {
URL url = new URL(imageUrl);
con = (HttpURLConnection) url.openConnection();
con.setConnectTimeout(5 * 1000);
con.setReadTimeout(10 * 1000);
bitmap = BitmapFactory.decodeStream(con.getInputStream());
} catch (Exception e) {
e.printStackTrace();
} finally {
if (con != null) {
con.disconnect();
}
}
return bitmap;
}
}
//麻布袋
private class ViewHolder{
ImageView image;
TextView description;
TextView pv;
TextView count;
}
}
- 获取当前BitmapWorkerTask所关联的ImageView。
1127
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
