Android 视频缩略图的缓存机制和异步加载

关注微信号：javalearns   随时随地学Java

或扫一扫

随时随地学Java

在这次的工作开发项目中，涉及到一个视频缩略图的视频列表；这个在大家看来，制作视频缩略图就是两行代码就搞定的事。确实是这样的，百度一下，每个 帖子都知道制作视频缩略图的方法，在这里确实也是一样的，但是我要实现的是让缩略图 在ListView上显示，而且不会出现卡顿，其实也不是特别难，确实很实用；

主要的实现机制就是 异步加载 和 缓存机制 在加上一个绑定TAG机制；接下来就开始去实现吧

先上我的是 结构图：

这个包结构的 自定义 ListView 实现了 仿手机联系人按一定的数据分类 功能，和浮动组标题效果，但是这些功能都不是我今天要强调的，这里只说 怎么样实现缩略图的缓存机制，所以重要的的事 MyVideoThumbLoader类，

简略的的介绍下其他类：

VideoBean 是视频的实体类，用来存储视频数据，包括 视频路径，文件名，时长，。。。做过项目的都懂

VideoUtil   是工具类，写了一些基本的查找视频文件的方法，和创建缩略图的方法

MyPinnedSectionListView 是继承了ListView ,可以不用管内部具体，在这里只用到普通的ListView 就可以了。

在我们拿到了视频文件信息 ArrayList 并且传到了 MyImageAdapter 内部前提下，Adapter内部结构如下：

package com.example.jiuan_item3; import java.util.ArrayList; import java.util.Collections; import java.util.Comparator; import java.util.HashMap; import java.util.Map; import android.annotation.SuppressLint; import android.app.ActionBar.LayoutParams; import android.content.Context; import android.graphics.Bitmap; import android.graphics.Color; import android.provider.MediaStore; import android.view.View; import android.view.ViewGroup; import android.widget.BaseAdapter; import android.widget.ImageView; import android.widget.LinearLayout; import android.widget.TextView; /**  * // * listview适配器,设置特殊item(为蓝色背景的首字母栏) //  */ public class MyImageAdapter extends BaseAdapter {  private Context context;  private ArrayList<VideoBean> datas;  public Map<String, Integer> maps;  private MyVideoThumbLoader mVideoThumbLoader;  /**   * @param context   * @param datas   *  具有数据提供的构造   */  public MyImageAdapter(Context context, ArrayList<VideoBean> datas) {   this.context = context;   this.datas = datas;   sortLetter(datas);   mVideoThumbLoader = new MyVideoThumbLoader();// 初始化缩略图载入方法  }  /**   * 获取需要顶部悬浮显示的view，这是另外的功能，可不理会   */  public View getPinnedSectionView(int position) {   ViewGroup view = (ViewGroup) getView(position, null, null);// x   View vAlpha = view.getChildAt(0);   return vAlpha;  }  @Override  public int getCount() {   return datas.size();  }  @Override  public VideoBean getItem(int position) {   return datas.get(position);  }  @Override  public long getItemId(int position) {   return position;  }  @Override  public View getView(int position, View convertView, ViewGroup parent) {   View view = View.inflate(context, R.layout.alpha_item, null);   final TextView tvAlpha = (TextView) view     .findViewById(R.id.alphaitem_tv_alpha);   TextView tvContent = (TextView) view     .findViewById(R.id.alphaitem_tv_content);   ImageView tvImg = (ImageView) view.findViewById(R.id.imgview);   VideoBean myData = getItem(position);   tvAlpha.setText(myData.getFileParentVideo());        //实现分组的功能，可不理会   if (maps.get(myData.getFileParentVideo()) == position) {    tvAlpha.setVisibility(View.VISIBLE);   } else {    tvAlpha.setVisibility(View.GONE);   }   tvAlpha.setTag(position);        //重点代码   String path = datas.get(position).getLocationPath();   tvImg.setTag(path);//绑定imageview   mVideoThumbLoader.showThumbByAsynctack(path, tvImg);   tvContent.setText(datas.get(position).getVidioName());   return view;  }  private void sortLetter(ArrayList<VideoBean> datas) {   // 这是个分组的排序算法，为了让所有的数据统一性   Collections.sort(datas, new Comparator<VideoBean>() {    @Override    public int compare(VideoBean lhs, VideoBean rhs) {     return lhs.getFileParentVideo().compareTo(       rhs.getFileParentVideo());    }   });   maps = new HashMap<String, Integer>();   for (int i = 0; i < datas.size(); i++) {    if (!maps.containsKey(datas.get(i).getFileParentVideo())) {     maps.put(datas.get(i).getFileParentVideo(), i);    }   }  } } 

上面代码中运用到了 MyVideoThumbLoader，这个类，所有贴出这个代码如下：

package com.example.jiuan_item3; import android.annotation.SuppressLint; import android.graphics.Bitmap; import android.os.AsyncTask; import android.os.Handler; import android.os.Handler.Callback; import android.os.Message; import android.provider.MediaStore; import android.support.v4.util.LruCache; import android.widget.ImageView; public class MyVideoThumbLoader {  private ImageView imgView;  private String path;  //创建cache  private LruCache<String, Bitmap> lruCache;  @SuppressLint("NewApi")  public MyVideoThumbLoader(){   int maxMemory = (int) Runtime.getRuntime().maxMemory();//获取最大的运行内存   int maxSize = maxMemory /4;//拿到缓存的内存大小 35   lruCache = new LruCache<String, Bitmap>(maxSize){    @Override    protected int sizeOf(String key, Bitmap value) {     //这个方法会在每次存入缓存的时候调用     return value.getByteCount();    }   };  }   public void addVideoThumbToCache(String path,Bitmap bitmap){   if(getVideoThumbToCache(path) == null){    //当前地址没有缓存时，就添加    lruCache.put(path, bitmap);   }  }  public Bitmap getVideoThumbToCache(String path){   return lruCache.get(path);  }  public void showThumbByAsynctack(String path,ImageView imgview){   if(getVideoThumbToCache(path) == null){    //异步加载    new MyBobAsynctack(imgview, path).execute(path);   }else{    imgview.setImageBitmap(getVideoThumbToCache(path));   }  }  class MyBobAsynctack extends AsyncTask<String, Void, Bitmap> {   private ImageView imgView;   private String path;   public MyBobAsynctack(ImageView imageView,String path) {    this.imgView = imageView;    this.path = path;   }   @Override   protected Bitmap doInBackground(String... params) {           //这里的创建缩略图方法是调用VideoUtil类的方法，也是通过 android中提供的 ThumbnailUtils.createVideoThumbnail(vidioPath, kind);    Bitmap bitmap = VideoUtil.createVideoThumbnail(params[0], 70, 50, MediaStore.Video.Thumbnails.MICRO_KIND);            //加入缓存中    if(getVideoThumbToCache(params[0]) == null){     addVideoThumbToCache(path, bitmap);    }    return bitmap;   }   @Override   protected void onPostExecute(Bitmap bitmap) {    if(imgView.getTag().equals(path)){//通过 Tag可以绑定 图片地址和 imageView，这是解决Listview加载图片错位的解决办法之一     imgView.setImageBitmap(bitmap);    }   }  } } 

通过上面的 videoThumbLoader类，就可以看出这个机制的核心所在，异步方法实现图片的加载，这样不会阻塞ui线程，然后缓存加载，又可以节省加载时 间；然后在 adapter的geiViewf方法里调用设置缩略图；为了节省每次都去创建缩略图的时间，LruCache实现了图片的缓存机制，LruCache其 实底层就是一个 HashMap map 类；具体可以百度下LruCache

public MyVideoThumbLoader(){  int maxMemory = (int) Runtime.getRuntime().maxMemory();//获取最大的运行内存  int maxSize = maxMemory /4;  lruCache = new LruCache<String, Bitmap>(maxSize){   @Override   protected int sizeOf(String key, Bitmap value) {    //这个方法会在每次存入缓存的时候调用，必须要实现的方法    return value.getByteCount();   }  }; } 

就这样，全部代码写完了；这个视频缩略图的加载和显示都完美的实现了。

关注微信号：javalearns   随时随地学Java

或扫一扫

随时随地学Java