Android 使用ImageLoader框架進行圖片加載

圖片加載框架ImageLoader的使用方法

第一步：導入jar包，作爲moudle。github地址：https://github.com/nostra13/Android-Universal-Image-Loader

第二步：在Appliction中全局初始化ImageLoader，代碼如下：

public class MyApplication extends Application {

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

    private void initImageLoader(Context context) {
        ImageLoaderConfiguration configuration = new ImageLoaderConfiguration.Builder(context)
                .threadPriority(Thread.NORM_PRIORITY - 2)               // 線程優先級
                .denyCacheImageMultipleSizesInMemory()                  // 當同一個Uri獲取不同大小的圖片，緩存到內存時，只緩存一個。默認會緩存多個不同的大小的相同圖片
                .discCacheFileNameGenerator(new Md5FileNameGenerator()) // 將保存的時候的URI名稱用MD5
                .tasksProcessingOrder(QueueProcessingType.LIFO)         // 設置圖片下載和顯示的工作隊列排序
                .writeDebugLogs()                                       // 打印debug log
                .build();

        // 全局初始化此配置
        ImageLoader.getInstance().init(configuration);
    }
}

在<uses-permission>中聲明聯網權限和SD卡寫入權限

<uses-permission android:name="android.permission.INTERNET"/>
<uses-permission android:name="android.permission.WRITE_EXTERNAL_STORAGE"/>

我這裏提前準備需要加載的圖片地址，並且將它放在了一個類裏寫成數組

public class Contace {
    public static final String[] IMAGES = new String[]{
            // Heavy images
            "http://www.sinaimg.cn/qc/photo_auto/photo/84/35/39698435/39698435_140.jpg",
            "http://www.sinaimg.cn/qc/photo_auto/photo/44/23/39674423/39674423_140.jpg",
            "http://www.sinaimg.cn/qc/photo_auto/photo/74/19/39657419/39657419_140.jpg",
            "http://www.sinaimg.cn/qc/photo_auto/photo/34/09/39653409/39653409_140.jpg",
            "http://www.sinaimg.cn/qc/photo_auto/photo/53/97/39645397/39645397_140.jpg",

在listView中使用ImageLoader來進行圖片加載

寫一個ListViewActivity類繼承自Activity來承載ListView,代碼如下：

public class ListViewActivity extends Activity {
    private ListView mListview;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_list_view);
        initView();
        initData();
    }

    private void initView() {
        mListview = (ListView) findViewById(R.id.lsit_view);

    }
    private void initData() {
        mListview.setAdapter(new ListViewBaseDapter(this));
    }
}

適配器ListViewBaseDapter

public class ListViewBaseDapter extends BaseAdapter {
    private Context mcontext;
    private ImageLoader imageLoader;
    private DisplayImageOptions options;

    public ListViewBaseDapter(Context context){
        mcontext = context;
        //初始化ImageLoader
        // 獲取ImageLoader實例
         imageLoader = ImageLoader.getInstance();

        options = new DisplayImageOptions.Builder()
                .showStubImage(R.mipmap.ic_launcher)          // 設置圖片下載期間顯示的圖片
                .showImageForEmptyUri(R.mipmap.ic_launcher)  // 設置圖片Uri爲空或是錯誤的時候顯示的圖片
                .showImageOnFail(R.mipmap.ic_launcher)       // 設置圖片加載或解碼過程中發生錯誤顯示的圖片
                .cacheInMemory(true)                        // 設置下載的圖片是否緩存在內存中
                .cacheOnDisk(true)                          // 設置下載的圖片是否緩存在SD卡中
                .displayer(new RoundedBitmapDisplayer(20))  // 設置成圓角圖片
                .build();                                   // 創建配置過得DisplayImageOption對象
    }

    @Override
    public int getCount() {
        return Contace.IMAGES.length;  //返回數量
    }

    @Override
    public Object getItem(int position) {
        return Contace.IMAGES[position]; //返回位置
    }

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

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

        if (convertView==null){
            viewHolder = new ViewHolder();
            convertView = View.inflate(mcontext, R.layout.listview_item, null);
            viewHolder.imageView = (ImageView) convertView.findViewById(R.id.list_item_image);
            viewHolder.textView = (TextView) convertView.findViewById(R.id.list_item_text);
            convertView.setTag(viewHolder);
        }else {
            viewHolder = (ViewHolder) convertView.getTag();
        }
        viewHolder.textView.setText("item"+position);
        imageLoader.displayImage(Contace.IMAGES[position],viewHolder.imageView,options);
        return convertView;
    }
    class ViewHolder{
        private ImageView imageView;
        private TextView textView;

    }

}

在GridView裏面採用ImageLoader和ListView大同小異，下面是適配器的代碼

public class GridViewAdapter extends BaseAdapter {
    private Context mContext;
    private ImageLoader imageLoader;
    private DisplayImageOptions options;

    public  GridViewAdapter(Context context){
        mContext = context;
        // 獲取ImageLoader實例
        imageLoader = ImageLoader.getInstance();

        // 配置加載圖片參數
        options = new DisplayImageOptions.Builder()
                .showStubImage(R.mipmap.ic_launcher)          // 設置圖片下載期間顯示的圖片
                .showImageForEmptyUri(R.mipmap.ic_launcher)  // 設置圖片Uri爲空或是錯誤的時候顯示的圖片
                .showImageOnFail(R.mipmap.ic_launcher)       // 設置圖片加載或解碼過程中發生錯誤顯示的圖片
                .cacheInMemory(true)                        // 設置下載的圖片是否緩存在內存中
                .cacheOnDisk(true)                          // 設置下載的圖片是否緩存在SD卡中
                .bitmapConfig(Bitmap.Config.RGB_565)        // 設置圖片的解碼類型
                .build();                                   // 創建配置過得DisplayImageOption對象
    }
    @Override
    public int getCount() {
        return Contace.IMAGES.length;
    }

    @Override
    public Object getItem(int position) {
        return  Contace.IMAGES[position];
    }

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

    @Override
    public View getView(int position, View convertView, ViewGroup parent) {
        //創建viewholder的對象
        ViewHolder viewHolder;
        if (convertView==null){
            //實例化對象
            viewHolder = new ViewHolder();
            convertView = View.inflate(mContext, R.layout.gridview_item, null);
            viewHolder.imageView = (ImageView) convertView.findViewById(R.id.grid_view_image);
            convertView.setTag(viewHolder);
        }else {
            viewHolder = (ViewHolder) convertView.getTag();
        }

        //設置值
        imageLoader.displayImage(Contace.IMAGES[position],viewHolder.imageView,options);
        return convertView;
    }

    class ViewHolder{
    private ImageView imageView;
    }
}

在ViewPager裏面使用ImageLoader

public class ViewpagerActivity extends Activity {
    private ViewPager mViewpager;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_viewpager);
        mViewpager = (ViewPager) findViewById(R.id.view_pager);
        initData();
    }

    private void initData() {
        mViewpager.setAdapter(new ViewpagerAdapter(this));
        //show the first view
        mViewpager.setCurrentItem(0);
    }
}

Viewpager的適配器ViewpagerAdapter

public class ViewpagerAdapter extends PagerAdapter {
    private Context mContext;
    //the key is  ctrl + alt + F  quick to change global variable
    private final ImageLoader imageLoader;
    private DisplayImageOptions options;

    public ViewpagerAdapter(Context context) {

        mContext = context;
        imageLoader = ImageLoader.getInstance();
        // imitilizing   the options
        options = new DisplayImageOptions.Builder()
                .showImageForEmptyUri(R.mipmap.ic_launcher)  // 設置圖片Uri爲空或是錯誤的時候顯示的圖片
                .showImageOnFail(R.mipmap.ic_launcher)       // 設置圖片加載或解碼過程中發生錯誤顯示的圖片
                .resetViewBeforeLoading(true)               // 設置圖片在下載前是否重置，復位
                .cacheOnDisc(true)                          // 設置下載的圖片是否緩存在SD卡中
                .imageScaleType(ImageScaleType.EXACTLY)     // 設置圖片以如何的編碼方式顯示
                .bitmapConfig(Bitmap.Config.RGB_565)        // 設置圖片的解碼類型
                .displayer(new FadeInBitmapDisplayer(300))  // 設置圖片漸變顯示
                .build();
    }

    @Override
    public int getCount() {
        return Contace.IMAGES.length;
    }
    //the picture is in network, how to use it?
    @Override
    public Object instantiateItem(ViewGroup container, int position) {
        View view = View.inflate(mContext,R.layout.viewpager_item,null);
        ImageView image = (ImageView) view.findViewById(R.id.viewpager_image);
        //use ImageLoader to download picture and show
        imageLoader.displayImage(Contace.IMAGES[position],image, options);
        //addview to container
        ((ViewPager)container).addView(view,0);
        //the return is view not container
        return view;
    }

    @Override
    public void destroyItem(ViewGroup container, int position, Object object) {

       //super.destroyItem(container, position, object);
        ((ViewPager)container).removeView((View) object);
    }

    @Override
    public boolean isViewFromObject(View view, Object object) {
        return view==object;
    }

}

Android 使用ImageLoader框架進行圖片加載

Android視圖加載到顯示(基於API 29)分析

Rx2java使用kotlin來寫的小例子

Okhttp深入淺出

Retrofit分析

View事件分發，從明白到懵b~~

Mac下配置sublime實現LaTeX

https://yachay.unat.edu.pe/blog/index.php?comment_area=format_blog&comment_component=blog&comment_co

linux以太網驅動總結