演示效果:
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);
}
}