ViewPager结合ImageView实现图片轮播的实例

1、SlideShowView的布局文件:
 
  

	

	
	

2、Drawble中绘制圆点:
 
  


    
   
    

 
  


    
    
    
    />
3、SlideShowView类的具体实现代码:
 
  
import android.annotation.SuppressLint;
import android.content.Context;
import android.content.Intent;
import android.graphics.drawable.Drawable;
import android.os.Handler;
import android.os.Message;
import android.os.Parcelable;
import android.support.v4.view.PagerAdapter;
import android.support.v4.view.ViewPager;
import android.util.AttributeSet;
import android.util.Log;
import android.view.LayoutInflater;
import android.view.View;
import android.widget.FrameLayout;
import android.widget.ImageView;
import android.widget.LinearLayout;
import android.widget.RelativeLayout;
import android.widget.TextView;

import com.beidougd.bdg.activity.AdsActivity;
import com.beidougd.bdgc.R;
import com.nostra13.universalimageloader.cache.disc.naming.Md5FileNameGenerator;
import com.nostra13.universalimageloader.core.DisplayImageOptions;
import com.nostra13.universalimageloader.core.ImageLoader;
import com.nostra13.universalimageloader.core.ImageLoaderConfiguration;

import java.util.ArrayList;
import java.util.List;
import java.util.concurrent.Executors;
import java.util.concurrent.ScheduledExecutorService;
import java.util.concurrent.TimeUnit;

/**
 * Created by yr01 on 2015/12/15.
 */
public class SlideShowView extends FrameLayout{
    private final static boolean isAutoPlay = true;
    private List imageUris;
    private List imageAdsuris;
    private DisplayImageOptions options;
    private List imageViewsList;
    private List dotViewsList;
    private LinearLayout mLinearLayout;
    private ViewPager mViewPager;
    private int currentItem= 0;
    private ScheduledExecutorService scheduledExecutorService;
    private ImageView viewDot;
    @SuppressLint("HandlerLeak")
    private Handler handler = new Handler(){
        @Override
        public void handleMessage(Message msg) {
            super.handleMessage(msg);
            mViewPager.setCurrentItem(currentItem);
        }
    };
    public SlideShowView(Context context) {
        this(context,null);
    }
    public SlideShowView(Context context, AttributeSet attrs) {
        this(context, attrs, 0);
    }
    public SlideShowView(Context context, AttributeSet attrs, int defStyle) {
        super(context, attrs, defStyle);
// TODO Auto-generated constructor stub
        initUI(context);
//        if(!(imageUris.size()<=0))
//        {
//            setImageUris(imageUris,imageAduris);
// }
        if(isAutoPlay){
            startPlay();
        }
    }
    private void initUI(Context context){
        options=new DisplayImageOptions.Builder()
                .showImageOnLoading(R.drawable.ad_01)
                .showImageOnFail(R.drawable.ad_01)
                .cacheInMemory(true)                        // 设置下载的图片是否缓存在内存中
                .cacheOnDisc(true)                          // 设置下载的图片是否缓存在SD卡中// 设置成圆角图片
                .build();                                   // 创建配置过得DisplayImageOption对象
        imageViewsList = new ArrayList();
        dotViewsList = new ArrayList();
        imageUris=new ArrayList();
        imageAdsuris=new ArrayList();
       LayoutInflater.from(context).inflate(R.layout.layout_slideshow, this, true);
        mLinearLayout=(LinearLayout)findViewById(R.id.linearlayout_dot);
        mViewPager = (ViewPager) findViewById(R.id.viewPager);
    }
    public void setImageUris(List imageuris,List imageAduris){
        ImageLoaderConfiguration configuration = new ImageLoaderConfiguration
                .Builder(getContext())
                .threadPoolSize(4)
                .threadPriority(Thread.NORM_PRIORITY - 2)
                .denyCacheImageMultipleSizesInMemory()
                .discCacheFileNameGenerator(new Md5FileNameGenerator())// 将保存的时候的URI名称用MD5
                .writeDebugLogs() // Remove for release app
                .build();
        ImageLoader.getInstance().init(configuration);

        for(int i=0;i


4、MainActivity的布局:
5、MainActivity的具体实现代码:
 
  
private List imageurls;
    private List imageAdUrl;
    private SlideShowView slideShowView;
    slideShowView= (SlideShowView) findViewById(R.id.slideshowView);
        imageurls=new ArrayList<>();
        imageAdUrl=new ArrayList<>();
   imageurls.clear();
   imageAdUrl.clear();
        imageurls.add("http://bdgctest.beidougd.com/Images/Advert/ad_01.png");
        imageurls.add("http://bdgctest.beidougd.com/Images/Advert/ad_02.png");
        imageurls.add("http://bdgctest.beidougd.com/Images/Advert/ad_03.png");
        imageurls.add("http://bdgctest.beidougd.com/Images/Advert/ad_04.png");
        imageAdUrl.add("www.baidu.com");
        imageAdUrl.add("www.sina.com");
        imageAdUrl.add("www.qq.com");
        imageAdUrl.add("www.360.com");
        slideShowView.setImageUris(imageurls,imageAdUrl);//imageurls为网络图片地址,imageAdUrl为点击相应图片进行网页加载的地址


以上加载相应地址可以用循环代替,减少代码量。要实现下拉刷新只需在PullToRefresh方法中对数据重新加载。

DisPlayImageOptions可以设置的属性:

private final int ShowimageResOnLoading;                正在加载时显示的图片资源        id  
private final int imageResForEmptyUri;              图片uri为空时显示的图片       id  
private final int ShowimageResOnFail;                   图片加载失败显示的图片     id  
private final Drawable imageOnLoading;              正在加载时显示的图片资源        drawable  
private final Drawable imageForEmptyUri;            图片uri为空时显示的图片       drawable  
private final Drawable imageOnFail;                 图片加载失败显示的图片     drawable  
private final boolean resetViewBeforeLoading;       加载前是否重置view  
private final boolean cacheInMemory;                是否启用内存缓存  
private final boolean cacheOnDisk;                  是否启用磁盘缓存  
private final ImageScaleType imageScaleType;        图片缩放类型  
private final Options decodingOptions;              BitmapFactory用到的options  
private final int delayBeforeLoading;               延迟多久加载  
private final boolean considerExifParams;           exif参数是否可用  
private final Object extraForDownloader;            额外的下载对象  
private final BitmapProcessor preProcessor;         bitmap加载前的处理  
private final BitmapProcessor postProcessor;        bitmap加载时的处理  
private final BitmapDisplayer displayer;            bitmap显示  
private final Handler handler;                        
private final boolean isSyncLoading;                是否同步加载图片(一个接一个的加载)  
从不同地址加载图片的Url:
String imageUri = "http://site.com/image.png"; // from Web  
String imageUri = "file:///mnt/sdcard/image.png"; // from SD card  
String imageUri = "content://media/external/audio/albumart/13"; // from content provider  
String imageUri = "assets://image.png"; // from assets  
String imageUri = "drawable://" + R.drawable.image; // from drawables (only images, non-9patch)  
ImageLoadingListener监听中的四个方法:
void onLoadingStarted(String imageUri, View view);  加载开始  
   
void onLoadingFailed(String imageUri, View view, FailReason failReason);  加载失败   
  
void onLoadingComplete(String imageUri, View view, Bitmap loadedImage); 加载完成   
  
void onLoadingCancelled(String imageUri, View view);  取消加载  
加载进度监听器ImageLoadingProgressListener:
void onProgressUpdate(String imageUri, View view, int current, int total);  
current:当前完成大小; total:文件总大小。示例中算进度: 100.0f * current / total,这里的progressBar的max在layout中设置为100。
滚动时的监听PauseOnScrollListener:
listView.setOnScrollListener(new PauseOnScrollListener(ImageLoader.getInstance(), pauseOnScroll, pauseOnFling));
注意事项
  1.上述提到的2个权限必须加入,否则会出错
 
 
  2.ImageLoaderConfiguration必须配置并且全局化的初始化这个配置ImageLoader.getInstance().init(config);  否则也会出现错误提示
  3.ImageLoader是根据ImageView的height,width确定图片的宽高。
  4.如果经常出现OOM(别人那边看到的,觉得很有提的必要)
   ①减少配置之中线程池的大小,(.threadPoolSize).推荐1-5;
   ②使用.bitmapConfig(Bitmap.config.RGB_565)代替ARGB_8888;
   ③使用.imageScaleType(ImageScaleType.IN_SAMPLE_INT)或者        try.imageScaleType(ImageScaleType.EXACTLY);
   ④避免使用RoundedBitmapDisplayer.他会创建新的ARGB_8888格式的Bitmap对象;
   ⑤使用.memoryCache(new WeakMemoryCache()),不要使用.cacheInMemory();

ImageLoaderConfiguration设置:
 ImageLoaderConfiguration config = new ImageLoaderConfiguration.Builder(
                context)
                // .memoryCacheExtraOptions(480, 800) // max width, max
                // height,即保存的每个缓存文件的最大长宽
                // .discCacheExtraOptions(480, 800, CompressFormat.JPEG, 75,
                // null) // Can slow ImageLoader, use it carefully (Better don't
                // use it)设置缓存的详细信息,最好不要设置这个
                .threadPoolSize(3)
                        // 线程池内加载的数量
                .discCacheFileNameGenerator(new Md5FileNameGenerator())// 将保存的时候的URI名称用MD5   .threadPriority(Thread.NORM_PRIORITY - 2)
                .denyCacheImageMultipleSizesInMemory()
                        // .memoryCache(new UsingFreqLimitedMemoryCache(2 * 1024 *
                        // 1024)) // You can pass your own memory cache
                        // implementation你可以通过自己的内存缓存实现
                        // .memoryCacheSize(2 * 1024 * 1024)
                        // /.discCacheSize(50 * 1024 * 1024)
               
                        // 加密
                        // .discCacheFileNameGenerator(new
                        // HashCodeFileNameGenerator())//将保存的时候的URI名称用HASHCODE加密
                .tasksProcessingOrder(QueueProcessingType.LIFO)
                        // .discCacheFileCount(100) //缓存的File数量
                .discCache(new UnlimitedDiscCache(cacheDir))// 自定义缓存路径
                        // .defaultDisplayImageOptions(DisplayImageOptions.createSimple())
                        // .imageDownloader(new BaseImageDownloader(context, 5 * 1000,
                        // 30 * 1000)) // connectTimeout (5 s), readTimeout (30 s)超时时间
                .writeDebugLogs() // Remove for release app
                .build();
上述
ImageLoaderConfiguration设置根据个人需求进行设置







你可能感兴趣的:(Android)