Android 視訊縮圖的快取機制和非同步載入

掏富小牛發表於2015-07-27
Android快取非同步

在這次的工作開發專案中，涉及到一個視訊縮圖的視訊列表；這個在大家看來，製作視訊縮圖就是兩行程式碼就搞定的事。確實是這樣的，百度一下，每個 帖子都知道製作視訊縮圖的方法，在這裡確實也是一樣的，但是我要實現的是讓縮圖 在ListView上顯示，而且不會出現卡頓，其實也不是特別難，確實很實用；

主要的實現機制就是 非同步載入 和 快取機制 在加上一個繫結TAG機制；接下來就開始去實現吧

先上我的是 結構圖：

android 視訊的縮圖 快取機制和 非同步載入縮圖

這個包結構的 自定義 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();
            }
        };
    }

就這樣，全部程式碼寫完了；這個視訊縮圖的載入和顯示都完美的實現了。

相關文章