【Android 基础】ViewPager中使用ImageLoader

演示效果：

ImageLoader体验还是不错的。

准备工作

0）准备demo中展示的图片链接（我用python在新浪某个网页爬下来的图片链接。

public class Constants {
    public static final String[] IMAGES = new String[]{
            "http://n.sinaimg.cn/news/20170106/cOhv-fxzkfuh5815912.jpg",
            "http://n.sinaimg.cn/news/20170106/KIiF-fxzkfvn0614393.jpg",
            "http://n.sinaimg.cn/news/20170105/QdWr-fxzkssy0738915.jpg",
            "http://n.sinaimg.cn/news/20170109/QTig-fxzkfuk2956935.jpg",
            "http://n.sinaimg.cn/photo/20170103/NcMh-fxzencv4059029.jpg",
            "http://n.sinaimg.cn/news/20170106/nx0G-fxzkfvn0462945.jpg",
            "http://n.sinaimg.cn/news/20170106/t3J_-fxzkfuh5640887.jpg",
            "http://n.sinaimg.cn/news/20170106/wU62-fxzkssy0884459.jpg",
            "http://n.sinaimg.cn/news/20170109/aijL-fxzkfuh6185632.jpg",
            "http://n.sinaimg.cn/news/20161230/9AkB-fxzencv2570123.jpg",
            "http://n.sinaimg.cn/news/20161201/PZkk-fxyiayr8634345.jpg",
            "http://n.sinaimg.cn/news/20161130/TWfj-fxyawmp0642096.jpg",
            "http://n.sinaimg.cn/news/20161102/Uiei-fxxfyex5828108.jpg",
            "http://n.sinaimg.cn/news/20161018/0d60-fxwvpar8352557.jpg",
            "http://n.sinaimg.cn/news/20160921/WqBQ-fxvyqwa3647033.jpg",
            "http://n.sinaimg.cn/news/20160830/hath-fxvkkcf6323525.jpg",
            "http://n.sinaimg.cn/news/20160909/saUR-fxvukhz1444567.jpg",
            "http://n.sinaimg.cn/photo/20160817/ZkS0-fxuxwyx8877444.jpg",
            "http://n.sinaimg.cn/news/20160807/NFcm-fxutfpk4938233.jpg",
            "http://n.sinaimg.cn/history/20161228/t29C-fxyxusa5682441.jpg",
            "http://n.sinaimg.cn/news/transform/20160804/7QRM-fxutfpk4726401.jpg",
            "http://n.sinaimg.cn/news/20170103/XEuK-fxzencv3831736.jpg",
            "http://n.sinaimg.cn/history/20170106/QmWk-fxzkfvn0469366.jpg",
            "http://n.sinaimg.cn/history/20170106/ZCve-fxzkssy0887004.jpg",
            "http://n.sinaimg.cn/history/20170106/GP9l-fxzkssy0887319.jpg",
            "http://n.sinaimg.cn/news/20170103/Fdqw-fxzencv3829645.jpg",
            "http://n.sinaimg.cn/news/20161213/Ej7n-fxypunk6453889.jpg"
    };
}

1）导入universal-image-loader-1.9.5.jar到项目中 。
2）创建MyApplication继承Application，在oncreate()中初始化ImageLoader。
（1）初始化ImageLoaderConfiguration。

 // 初始化参数
        ImageLoaderConfiguration config = new ImageLoaderConfiguration.Builder(context)
                .threadPriority(Thread.NORM_PRIORITY - 2)               // 线程优先级
                .denyCacheImageMultipleSizesInMemory()                  // 当同一个Uri获取不同大小的图片，缓存到内存时，只缓存一个。默认会缓存多个不同的大小的相同图片
                .discCacheFileNameGenerator(new Md5FileNameGenerator()) // 将保存的时候的URI名称用MD5
                .tasksProcessingOrder(QueueProcessingType.LIFO)         // 设置图片下载和显示的工作队列排序
                .writeDebugLogs()                                       // 打印debug log
                .build();

（2）ImageLoader全局配置

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

3）将创建的MyApplication在AndroidManifest.xml中注册。
4）在AndroidManifest.xml中添加联网权限和写sdk权限。

在ViewPager中加载图片的步骤

（1）初始化布局

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical"
    >

    <include layout="@layout/titlebar"></include>

    <android.support.v4.view.ViewPager
        android:id="@+id/vp_imageloader_viewpager"
        android:layout_width="match_parent"
        android:layout_height="match_parent">

    </android.support.v4.view.ViewPager>
</LinearLayout>

（2）初始化ViewPager并设置适配器

public class ImageloaderViewpagerActivity extends Activity {

    @Bind(R.id.tv_title)
    TextView tvTitle;
    @Bind(R.id.vp_imageloader_viewpager)
    ViewPager vpImageloaderViewpager;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);

        setContentView(R.layout.activity_imageloader_viewpager);
        ButterKnife.bind(this);

        initData();
    }

    private void initData() {
        // 标题
        tvTitle.setText("Imageloader应用在viewpager中");

        // 初始化viewpager
        ImageloaderViewpagerAdapter imageloaderViewpagerAdapter = new ImageloaderViewpagerAdapter(this);

        vpImageloaderViewpager.setAdapter(imageloaderViewpagerAdapter);

        // 显示第一个条目
        vpImageloaderViewpager.setCurrentItem(1);
    }
}

（3）初始化适配器

public class ImageloaderViewpagerAdapter extends PagerAdapter {

    private Context mContext;
    private final ImageLoader imageLoader;
    private DisplayImageOptions options = new DisplayImageOptions.Builder()
            .showImageForEmptyUri(R.drawable.error)  // 设置图片Uri为空或是错误的时候显示的图片
            .showImageOnFail(R.drawable.error)       // 设置图片加载或解码过程中发生错误显示的图片
            .resetViewBeforeLoading(true)               // 设置图片在下载前是否重置，复位
            .cacheOnDisc(true)                          // 设置下载的图片是否缓存在SD卡中
            .imageScaleType(ImageScaleType.EXACTLY)     // 设置图片以如何的编码方式显示
            .bitmapConfig(Bitmap.Config.RGB_565)        // 设置图片的解码类型
            .displayer(new FadeInBitmapDisplayer(300))  // 设置图片渐变显示
            .build();
    ;

    public ImageloaderViewpagerAdapter(Context context) {
        mContext = context;

        // 初始化Imageloader
        imageLoader = ImageLoader.getInstance();
    }

    @Override
    public Object instantiateItem(ViewGroup container, int position) {
        // 添加布局文件
        View view = View.inflate(mContext, R.layout.item_imageloader_viewpager, null);

        // 获取控件对象
        ImageView iv = (ImageView) view.findViewById(R.id.iv_imageloader_viewpager);

        // 显示图片
        imageLoader.displayImage(Constants.IMAGES[position], iv, options);

        ((ViewPager) container).addView(view, 0);

        return view;
    }

    @Override
    public void destroyItem(ViewGroup container, int position, Object object) {
        ((ViewPager) container).removeView((View) object);
    }

    @Override
    public int getCount() {
        return Constants.IMAGES.length;
    }

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