天天看點

Android-Universal-Image-Loader使用demo,超詳細!!!

  1. 所需要的權限:
<uses-permission android:name="android.permission.INTERNET" />
    <uses-permission android:name="android.permission.WRITE_EXTERNAL_STORAGE" />
           
  1. 初始化:
public class MyApplication extends Application {

    @Override
    public void onCreate() {
        super.onCreate();
        initImageLoader(getApplicationContext());
    }

    public static void initImageLoader(Context context) {
        // 緩存檔案的目錄
        File cacheDir = StorageUtils.getOwnCacheDirectory(context, "mycache");//sdcard目錄
        ImageLoaderConfiguration config =
            new ImageLoaderConfiguration.Builder(context).memoryCacheExtraOptions(, ) // max
                                                                                              // height,即儲存的每個緩存檔案的最大長寬
                .threadPoolSize()
                // 線程池内加載的數量
                .threadPriority(Thread.NORM_PRIORITY - )
                .denyCacheImageMultipleSizesInMemory()
                //
                .discCacheFileNameGenerator(new Md5FileNameGenerator())
                // 将儲存的時候的URI名稱用MD5 加密
                .memoryCache(new UsingFreqLimitedMemoryCache( *  * ))
                // You can pass your own memory cache
                // implementation/你可以通過自己的記憶體緩存實作
                .memoryCacheSize( *  * )
                // 記憶體緩存的最大值
                .discCacheSize( *  * )
                // 50 Mb sd卡(本地)緩存的最大值
                .tasksProcessingOrder(QueueProcessingType.LIFO)
                // 由原先的discCache -> diskCache
                .discCache(new UnlimitedDiscCache(cacheDir))
                // 自定義緩存路徑
                .imageDownloader(new BaseImageDownloader(context,  * ,  * ))
                // connectTimeout (5 s), readTimeout (30 s)逾時時間
                .writeDebugLogs()
                // Remove for release app
                .build();
        // 全局初始化此配置
        ImageLoader.getInstance().init(config);
    }
}
           
  1. MainActivity:
package com.example.imageloader;

import java.util.ArrayList;
import java.util.List;

import android.app.Activity;
import android.content.Context;
import android.graphics.Bitmap;
import android.os.Bundle;
import android.view.LayoutInflater;
import android.view.Menu;
import android.view.View;
import android.view.ViewGroup;
import android.widget.BaseAdapter;
import android.widget.GridView;
import android.widget.ImageView;

import com.nostra13.universalimageloader.core.DisplayImageOptions;
import com.nostra13.universalimageloader.core.ImageLoader;
import com.nostra13.universalimageloader.core.assist.FailReason;
import com.nostra13.universalimageloader.core.assist.ImageLoadingListener;
import com.nostra13.universalimageloader.core.assist.ImageLoadingProgressListener;

public class MainActivity extends Activity {

    private GridView gridView;
    private List<String> urlList = new ArrayList<String>();

    private ImageLoader imageLoader;

    private DisplayImageOptions options; // 設定圖檔顯示相關參數

    private String uri1 =
        "https://ss1.bdstatic.com/70cFuXSh_Q1YnxGkpoWK1HF6hhy/it/u=3063552411,3030228420&fm=111&gp=0.jpg";
    private String uri2 =
        "https://ss3.bdstatic.com/70cFv8Sh_Q1YnxGkpoWK1HF6hhy/it/u=2546610023,3120506294&fm=111&gp=0.jpg";
    private String uri3 =
        "https://ss0.bdstatic.com/70cFuHSh_Q1YnxGkpoWK1HF6hhy/it/u=4236942158,2307642402&fm=116&gp=0.jpg";
    private String uri4 =
        "https://ss1.bdstatic.com/70cFuXSh_Q1YnxGkpoWK1HF6hhy/it/u=1589956140,1606448699&fm=116&gp=0.jpg";
    private String uri5 =
        "https://ss1.bdstatic.com/70cFuXSh_Q1YnxGkpoWK1HF6hhy/it/u=1017606633,46849118&fm=111&gp=0.jpg";
    private String uri6 =
        "https://ss1.bdstatic.com/70cFvXSh_Q1YnxGkpoWK1HF6hhy/it/u=1861283441,1807800896&fm=111&gp=0.jpg";
    private String uri7 =
        "https://ss1.bdstatic.com/70cFuXSh_Q1YnxGkpoWK1HF6hhy/it/u=2033765348,1346395611&fm=116&gp=0.jpg";
    private String uri8 =
        "https://ss1.bdstatic.com/70cFvXSh_Q1YnxGkpoWK1HF6hhy/it/u=731307697,3873909574&fm=111&gp=0.jpg";
    private String uri9 =
        "https://ss3.bdstatic.com/70cFv8Sh_Q1YnxGkpoWK1HF6hhy/it/u=4271053251,2424464488&fm=116&gp=0.jpg";
    private String uri10 =
        "https://ss1.bdstatic.com/70cFuXSh_Q1YnxGkpoWK1HF6hhy/it/u=161888459,1712714238&fm=116&gp=0.jpg";
    private String uri11 = // 改路徑錯誤,為了測試加載失敗的時候顯示的圖檔
        "https://ss1.bdstatic.com/70cFuXSh_Q1YnxGkpoWK1HF6hhy/it/=2189035302,1073444789&fm=111&gp=0.jpg";


    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);

        urlList.add(uri1);
        urlList.add(uri2);
        urlList.add(uri3);
        urlList.add(uri4);
        urlList.add(uri5);
        urlList.add(uri6);
        urlList.add(uri7);
        urlList.add(uri8);
        urlList.add(uri9);
        urlList.add(uri10);
        urlList.add(uri11);
        gridView = (GridView) findViewById(R.id.gridView);

        gridView.setAdapter(new GridAdapter(getApplicationContext()));

        imageLoader = ImageLoader.getInstance();
        // 使用DisplayImageOptions.Builder()建立DisplayImageOptions
        options = new DisplayImageOptions.Builder().showImageOnLoading(R.drawable.ic_stub) // 設定圖檔下載下傳期間顯示的圖檔
            .showImageForEmptyUri(R.drawable.bg_img)
            // 設定圖檔Uri為空或是錯誤的時候顯示的圖檔
            .showImageOnFail(R.drawable.bg_img)
            // 設定圖檔加載或解碼過程中發生錯誤顯示的圖檔
            .cacheInMemory(true)
            // 設定下載下傳的圖檔是否緩存在記憶體中
            .cacheOnDisc(true)
            // 設定下載下傳的圖檔是否緩存在SD卡中
            // .displayer(new RoundedBitmapDisplayer(20))
            // 設定成圓角圖檔
            .build(); // 建構完成

    }

    @Override
    public boolean onCreateOptionsMenu(Menu menu) {
        // Inflate the menu; this adds items to the action bar if it is present.
        getMenuInflater().inflate(R.menu.main, menu);
        return true;
    }

    class GridAdapter extends BaseAdapter {

        private Context context;

        public GridAdapter(Context context) {
            this.context = context;
        }

        @Override
        public int getCount() {
            return urlList.size();
        }

        @Override
        public Object getItem(int position) {
            return urlList.get(position);
        }

        @Override
        public long getItemId(int position) {
            return position;
        }

        @Override
        public View getView(int position, View convertView, ViewGroup parent) {

            ViewHolder viewHolder = null;
            if (convertView == null) {
                convertView = LayoutInflater.from(context).inflate(R.layout.img_item, null);
                viewHolder = new ViewHolder();
                viewHolder.imgItem = (ImageView) convertView.findViewById(R.id.icon);
                convertView.setTag(viewHolder);
            }
            else {
                viewHolder = (ViewHolder) convertView.getTag();
            }

            // !!!加載圖檔
            imageLoader.displayImage(urlList.get(position), viewHolder.imgItem, options, new ImageLoadingListener() {

                // 該參數可選

                @Override
                public void onLoadingStarted(String arg0, View arg1) {
                    // 開始加載
                }

                @Override
                public void onLoadingFailed(String arg0, View arg1, FailReason arg2) {
                    // 加載失敗
                }

                @Override
                public void onLoadingComplete(String arg0, View arg1, Bitmap arg2) {
                    // 加載完成
                }

                @Override
                public void onLoadingCancelled(String arg0, View arg1) {
                    // 加載取消
                }
            }, new ImageLoadingProgressListener() {

                // 該參數可選

                @Override
                public void onProgressUpdate(String arg0, View arg1, int arg2, int arg3) {
                    // 更新進度條
                }
            });

            return convertView;
        }

        class ViewHolder {
            ImageView imgItem;
        }

    }

}
           

資源檔案這裡不在列出

如果有不了解的地方,詳見:

http://blog.csdn.net/wuqingyidongren/article/details/51135978

繼續閱讀