使用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();