使用universalimageloader实现viewpager加载网络图片轮显
本文根据该博主http://blog.csdn.net/cctcc/article/details/50127039，而来，很大部分是该博主的，自己一点的需要不一样，做了一点修改。
主要是在viewpager在显示各个图片时，底部加文字说明
网络加载图片，采用universalimageloader；
相关的布局fragment_image_pager.xml
<FrameLayout 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"
android:paddingBottom="10dp" >
<android.support.v4.view.ViewPager
android:id="@+id/imagePager"
android:layout_width="wrap_content"
android:layout_height="wrap_content" />
<!-- 下面显示的圆点 -->
<LinearLayout
android:id="@+id/dotsImg"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_gravity="bottom|center_horizontal"
android:gravity="center_horizontal"
android:orientation="horizontal"
android:layout_marginBottom="8dp">
</LinearLayout>
</FrameLayout>item_image_viewpager.xml
<?xml version="1.0" encoding="utf-8"?>
<FrameLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:padding="1dip" >
<ImageView
android:id="@+id/image"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:layout_gravity="center"
android:adjustViewBounds="true"
android:contentDescription="@string/action_settings"
android:layout_marginBottom="35dp"
/>
<ProgressBar
android:id="@+id/loading"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_gravity="center"
android:visibility="gone" />
<TextView
android:id="@+id/voice_time"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:layout_gravity="bottom"
android:layout_marginLeft="10dp"
android:layout_marginRight="10dp"
android:text="dfffffffffff"
android:textColor="@color/white"
android:layout_marginBottom="45dp"/>
<TextView
android:id="@+id/voice_place"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:layout_gravity="bottom"
android:layout_marginBottom="25dp"
android:layout_marginLeft="10dp"
android:layout_marginRight="10dp"
android:layout_marginTop="5dp"
android:text="vvvvvvvvvvvvvvvv"
android:textColor="@color/white" />
</FrameLayout>
public class ImagePagerActivityFragment extends Fragment {
ViewPager pager;
LinearLayout dotimgs;
private ImageView dotView;
private ImageView[] dotsViews;
private String[] IMAGE_TIME=null;
private String[] IMAGE_LOCATION=null;
private String[] IMAGE_URLS = null;
private int pos=0;
ImageAdapter imageAdapter;
public ImagePagerActivityFragment() {
}
public void setPhotos(String[] photos){
IMAGE_URLS=photos;
}
public void setPhotosTime(String[] time){
IMAGE_TIME=time;
}
public void setPhotosLocation(String[] location){
IMAGE_LOCATION=location;
}
public void setPosition(int i){
pos=i;
}
@Override
public View onCreateView(LayoutInflater inflater, ViewGroup container,Bundle savedInstanceState) {
View rootView = inflater.inflate(R.layout.fragment_image_pager, container, false);
pager = (ViewPager) rootView.findViewById(R.id.imagePager);
dotimgs=(LinearLayout)rootView.findViewById(R.id.dotsImg);
imageAdapter=new ImageAdapter(getActivity(), IMAGE_URLS,IMAGE_TIME,IMAGE_LOCATION);
pager.setAdapter(imageAdapter);
pager.setOnPageChangeListener(new ViewPager.OnPageChangeListener() {
@Override
public void onPageScrolled(int position, float positionOffset, int positionOffsetPixels) {
}
@Override
public void onPageSelected(int position) {
// TODO Auto-generated method stub
for (int i = 0; i < dotsViews.length; i++) {
dotsViews[position].setBackgroundResource(R.drawable.ic_about);
if (position != i) {
dotsViews[i].setBackgroundResource(R.drawable.ic_pass_un_select);
}
}
}
@Override
public void onPageScrollStateChanged(int state) {
}
});
//pager.setCurrentItem(pos);
pager.getViewTreeObserver().addOnPreDrawListener(new ViewTreeObserver.OnPreDrawListener() {
@Override
public boolean onPreDraw() {
pager.getViewTreeObserver().removeOnPreDrawListener(this);
if (pos==0) {
} else {
pager.setCurrentItem(pos);
}
return true;
}
});
dotsViews = new ImageView[IMAGE_URLS.length];
for(int i =0;i<IMAGE_URLS.length;i++){
dotView = new ImageView(getActivity());
dotView.setLayoutParams(new LinearLayout.LayoutParams(20,20));
dotView.setPadding(20, 0, 20, 0);
dotsViews[i] = dotView;
//默认第一张图显示为选中状态
if (i == 0) {
dotsViews[i].setBackgroundResource(R.drawable.ic_about);
} else {
dotsViews[i].setBackgroundResource(R.drawable.ic_pass_un_select);
}
dotimgs.addView(dotsViews[i]);
}
return rootView;
}
private static class ImageAdapter extends PagerAdapter {
private LayoutInflater inflater;
private DisplayImageOptions options;
private String[] photours;
private String[] photourTime;
private String[] photourLoaction;
ImageAdapter(Context context,String[] pts,String[] time,String[] location) {
inflater = LayoutInflater.from(context);
photours=pts;
photourTime=time;
photourLoaction=location;
options = new DisplayImageOptions.Builder()
.showImageForEmptyUri(R.drawable.plugin_camera_no_pictures)
.showImageOnFail(R.drawable.ic_picture_loadfailed)
.resetViewBeforeLoading(true)
.cacheOnDisc(true)
.imageScaleType(ImageScaleType.EXACTLY)
.bitmapConfig(Bitmap.Config.RGB_565)
.considerExifParams(true)
.displayer(new FadeInBitmapDisplayer(300))
.build();
}
@Override
public void destroyItem(ViewGroup container, int position, Object object) {
container.removeView((View) object);
}
@Override
public int getCount() {
return photours.length;
}
@Override
public Object instantiateItem(ViewGroup view, int position) {
View imageLayout = inflater.inflate(R.layout.item_image_viewpager, view, false);
assert imageLayout != null;
final ImageView imageView = (ImageView) imageLayout.findViewById(R.id.image);
TextView tvTime = (TextView)imageLayout.findViewById(R.id.voice_time);
TextView tvAddress = (TextView)imageLayout.findViewById(R.id.voice_place);
if(photourTime[position]!=null){
tvTime.setVisibility(View.VISIBLE);
tvTime.setText("时间："+photourTime[position]);
}else{
tvTime.setVisibility(View.GONE);
}
if(photourLoaction[position]!=null){
tvAddress.setVisibility(View.VISIBLE);
tvAddress.setText("地址："+photourLoaction[position]);
}else{
tvAddress.setVisibility(View.GONE);
}
final ProgressBar spinner = (ProgressBar) imageLayout.findViewById(R.id.loading);
ImageLoader.getInstance().displayImage(photours[position], imageView, options, new SimpleImageLoadingListener() {
@Override
public void onLoadingStarted(String imageUri, View view) {
spinner.setVisibility(View.VISIBLE);
}
@Override
public void onLoadingFailed(String imageUri, View view, FailReason failReason) {
String message = null;
switch (failReason.getType()) {
case IO_ERROR:
message = "Input/Output error";
break;
case DECODING_ERROR:
message = "Image can't be decoded";
break;
case NETWORK_DENIED:
message = "Downloads are denied";
break;
case OUT_OF_MEMORY:
message = "Out Of Memory error";
break;
case UNKNOWN:
message = "Unknown error";
break;
}
// Toast.makeText(view.getContext(), message, Toast.LENGTH_SHORT).show();
imageView.setImageResource(R.drawable.ic_picture_loadfailed);
spinner.setVisibility(View.GONE);
}
@Override
public void onLoadingComplete(String imageUri, View view, Bitmap loadedImage) {
spinner.setVisibility(View.GONE);
}
});
//view.addView(imageLayout, 0);
view.addView(imageLayout);
return imageLayout;
}
@Override
public boolean isViewFromObject(View view, Object object) {
return view.equals(object);
}
@Override
public void restoreState(Parcelable state, ClassLoader loader) {
}
@Override
public Parcelable saveState() {
return null;
}
}
}
在使用的地方只要
ImagePagerActivityFragment fragment=new ImagePagerActivityFragment();
if(pturls!=null) {//<span style="font-family: Arial;">pturls是由图片的url用“ ，”拼接而成，其他变量也是，自己根据需求自己整</span>
pturls=pturls.replaceAll("_small","");
String[] ptarrs=pturls.split(",");
fragment.setPhotos(ptarrs);
fragment.setPosition(pos);
}
if(ptime!=null){
String[] ptimes=ptime.split(",");
fragment.setPhotosTime(ptimes);
}
if(plocation!=null){
String[] plocations=plocation.split(",");
fragment.setPhotosLocation(plocations);
}
getSupportFragmentManager().beginTransaction().add(R.id.iContainer, fragment).commit();