ViewPager的广告条轮播

首先布局

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

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

    <LinearLayout
        android:id="@+id/dot_layout"
        android:layout_width="match_parent"
        android:layout_height="30dp"
        android:layout_marginTop="130dp"
        android:orientation="horizontal"
        android:gravity="center_vertical"
        android:background="#66000000" >

        <View
            android:layout_width="0dp"
            android:layout_height="match_parent"
            android:layout_weight="1" />

        <ImageView
            android:id="@+id/dot1"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:contentDescription="@null"
            android:src="@mipmap/dot_enable" />

        <ImageView
            android:id="@+id/dot2"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:contentDescription="@null"
            android:src="@mipmap/dot_normal"
            android:layout_marginLeft="20dp" />

        <ImageView
            android:id="@+id/dot3"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:contentDescription="@null"
            android:src="@mipmap/dot_normal"
            android:layout_marginLeft="20dp" />

        <View
            android:layout_width="0dp"
            android:layout_height="match_parent"
            android:layout_weight="1" />
    </LinearLayout>
</RelativeLayout>

代码一：使用Handler递归实现

public class MainActivity extends AppCompatActivity {
    private ViewPager mViewPager;
    private List<ImageView> mADViews;
    private static final int[] AD_RES = {R.mipmap.a, R.mipmap.b, R.mipmap.c};
    private ADAdapter mADAdapter;
    private List<ImageView> mDotViews;
    //2-2 通过Handler+postdelayed递归
    private Handler mAdHandler = new Handler() {
        @Override
        public void close() {

        }

        @Override
        public void flush() {

        }

        @Override
        public void publish(LogRecord record) {

        }
    };

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        mADViews = new ArrayList<ImageView>();
        for (int i = 0; i < AD_RES.length; i++) {
            //通过代码创建ImageView
            ImageView imageView = new ImageView(this);
            imageView.setLayoutParams(new LinearLayout.LayoutParams(ViewPager.LayoutParams.MATCH_PARENT, ViewPager.LayoutParams.MATCH_PARENT));
            //设置图片拉伸方式
            imageView.setScaleType(ImageView.ScaleType.FIT_XY);
            //给图片指定资源
            imageView.setImageResource(AD_RES[i]);
            mADViews.add(imageView);
        }
        mViewPager = (ViewPager) findViewById(R.id.viewpagerAD);
        //绑定适配器
        mADAdapter = new ADAdapter(mADViews);
        mViewPager.setAdapter(mADAdapter);
        // 通过Handler+postdelayed递归
        mViewPager.postDelayed(new ADRunnable(), 2000);
        //先把所有圆点放入数组
        mDotViews = new ArrayList<ImageView>();
        mDotViews.add((ImageView) findViewById(R.id.dot1));
        mDotViews.add((ImageView) findViewById(R.id.dot2));
        mDotViews.add((ImageView) findViewById(R.id.dot3));

        //ViewPager的滑动监听
        mViewPager.setOnPageChangeListener(new ViewPager.OnPageChangeListener() {
            @Override
            public void onPageScrolled(int position, float positionOffset, int positionOffsetPixels) {

            }

            @Override
            public void onPageSelected(int position) {
                // 滑动状态改变的时候触发，参数表示当前显示的位置
                for (int i = 0; i < mDotViews.size(); i++) {
                    if (i != position) {
                        mDotViews.get(i).setImageResource(R.mipmap.dot_normal);
                    } else {
                        mDotViews.get(i).setImageResource(R.mipmap.dot_enable);
                    }
                }
            }

            @Override
            public void onPageScrollStateChanged(int state) {

            }
        });

    }

    //2-1 定义循环执行的任务：就是让当前下标++，调用setCurrentItem（）
    class ADRunnable implements Runnable {
        @Override
        public void run() {
            //获得当前显示item的下标
            int nowIndex = mViewPager.getCurrentItem();
            //下标自增
            nowIndex++;
            if (nowIndex > mADViews.size() - 1) {
                nowIndex = 0;
            }
            //重新设置显示的位置
            mViewPager.setCurrentItem(nowIndex);
            //递归
            mViewPager.postDelayed(new ADRunnable(), 2000);
        }

    }

}

/**
 * 1-3  自定义的PagerAdapter
 * @author Bodhixu
 *
 */
public class ADAdapter extends PagerAdapter{

   //数据源
   private List<ImageView> mViews;

   public ADAdapter(List<ImageView> views) {
      this.mViews = views;
   }

   @Override
   public int getCount() {
      // TODO Auto-generated method stub
      return mViews.size();
   }

   @Override
   public boolean isViewFromObject(View arg0, Object arg1) {
      // TODO Auto-generated method stub
      return arg0 == arg1;
   }

   @Override
   public Object instantiateItem(ViewGroup container, int position) {
      // TODO Auto-generated method stub
      View view = mViews.get(position);
      container.addView(view);      
      return view;
   }

   @Override
   public void destroyItem(ViewGroup container, int position, Object object) {
      // TODO Auto-generated method stub
      container.removeView(mViews.get(position));
   }

}

 代码二：使用Timer来实现(防止越来越快)

import android.content.Context;
import android.os.Bundle;
import android.os.Handler;
import android.os.Message;
import android.support.annotation.Nullable;
import android.support.v4.view.PagerAdapter;
import android.support.v4.view.ViewPager;
import android.view.LayoutInflater;
import android.view.View;
import android.view.ViewGroup;
import android.widget.ImageView;
import android.widget.LinearLayout;
import android.widget.TextView;
import android.widget.Toast;

import com.gtercn.oneday.R;
import com.gtercn.oneday.base.BaseFragment;
import com.gtercn.oneday.bean.ImageBean;

import java.util.ArrayList;
import java.util.List;

public class HomeFragment extends BaseFragment implements ViewPager.OnPageChangeListener{
    private static final String TAG = HomeFragment.class.getSimpleName();

   private ViewPager mViewPager；

    private ViewPagerAdapter mViewPagerAdapter;

    private LinearLayout mWrapDots;
    private List<ImageBean> mImageList;
    private ImageView[] mDots;
    private ImageView mImageView;
    private int currentIndex;
    private Thread mThread;
    private boolean mFlag = true;
    private static final int TIME = 3000;

    private Handler mHandler = new Handler(new Handler.Callback() {
        @Override
        public boolean handleMessage(Message msg) {
            if (msg.what == 0) {
                int nowIndex = mViewPager.getCurrentItem();

                mViewPager.setCurrentItem(++nowIndex);
            }
            return false;
        }
    });
    @Override
    public void onActivityCreated(@Nullable Bundle savedInstanceState) {
        super.onActivityCreated(savedInstanceState);
    }

    @Override
    public void onAttach(Context context) {
        super.onAttach(context);
    }

    @Nullable
    @Override
    public View onCreateView(LayoutInflater inflater, @Nullable ViewGroup container, @Nullable Bundle savedInstanceState) {
//                super.onCreateView(inflater, container, savedInstanceState);
        View view  = inflater.inflate(R.layout.fragment_home,container,false);
        mViewPager = (ViewPager) view.findViewById(R.id.home_vp)
        ButterKnife.bind(this, view);
        addPictures();

        mDots = new ImageView[mImageList.size()];
        initDots(view);

        mViewPagerAdapter = new ViewPagerAdapter(mImageList, getContext());
        mViewPager.setAdapter(mViewPagerAdapter);

        mViewPager.setOffscreenPageLimit(500);

        mViewPager.setOnPageChangeListener(this);
        return view;

    }

    @Override
    public void onViewCreated(View view, @Nullable Bundle savedInstanceState) {
        super.onViewCreated(view, savedInstanceState);
    }

    @Override
    public void onDestroy() {
        super.onDestroy();
    }

    @Override
    public void onDestroyView() {
        super.onDestroyView();

    }

    @Override
    public void onDetach() {
        super.onDetach();
    }

    @Override
    public void onPause() {
        super.onPause();
        mFlag = false;
        mThread.interrupt();
    }

    @Override
    public void onResume() {
        super.onResume();
        mFlag = true;
        showPicture();
    }

    @Override
    public void onStart() {
        super.onStart();
    }

    @Override
    public void onStop() {
        super.onStop();
    }

    /**
     * 初始化小圆点方法;
     *
     * @param view
     */
    private void initDots(View view) {

        mWrapDots = (LinearLayout) view.findViewById(R.id.wrap_dots_ll);

        for (int i = 0; i < mImageList.size(); i++) {

            mImageView = new ImageView(getContext());

            mDots[i] = (ImageView) mWrapDots.getChildAt(i);

            LinearLayout.LayoutParams lp = new LinearLayout.LayoutParams(12, 12);
            lp.setMargins(3, 0, 3, 0);

            mDots[i] = mImageView;

            mWrapDots.addView(mDots[i], lp);
        }

        currentIndex = 0;
        mDots[currentIndex].setImageResource(R.drawable.circular_point_shape_selected);
    }
    public void setCurrentSelected(int index) {
        for (int i = 0; i < mImageList.size(); i++) {
            if (i == index) {
                mDots[i].setImageResource(R.drawable.circular_point_shape_selected);

            } else {
                mDots[i].setImageResource(R.drawable.circular_point_shape);
            }
        }
    }
    private void addPictures() {

        mImageList = new ArrayList<>();
        mImageList.add(new ImageBean(R.mipmap.home_ad_btm1));
        mImageList.add(new ImageBean(R.mipmap.home_imageview_btm1));
        mImageList.add(new ImageBean(R.mipmap.home_imageview_btm2));
        mImageList.add(new ImageBean(R.mipmap.home_ad_btm1));
        mImageList.add(new ImageBean(R.mipmap.home_imageview_btm1));
    }
    void showPicture() {
        mThread = new Thread(new Runnable() {
            @Override
            public void run() {
                while (mFlag) {
                    try {
                        mHandler.sendEmptyMessage(0);
                        Thread.sleep(TIME);
                    } catch (InterruptedException e) {
                        e.printStackTrace();
                    }
                }
            }
        });
        mThread.start();
    }

    @Override
    public void onPageScrolled(int position, float positionOffset, int positionOffsetPixels) {

    }

    @Override
    public void onPageSelected(int position) {
        setCurrentSelected(position % mImageList.size());

    }

    @Override
    public void onPageScrollStateChanged(int state) {

    }

    class ViewPagerAdapter extends PagerAdapter {

        private List<ImageBean> imageList;

        private Context context;

        public ViewPagerAdapter(List<ImageBean> imageList, Context context) {
            this.imageList = imageList;
            this.context = context;
        }

        @Override
        public int getCount() {
            return imageList != null ? Integer.MAX_VALUE : 0;
        }

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

        @Override
        public Object instantiateItem(ViewGroup container, final int position) {

            View view = LayoutInflater.from(context).inflate(R.layout.item_viewpager, container, false);
            ImageView imageView = (ImageView) view.findViewById(R.id.image_item_vp);

            imageView.setBackgroundResource(imageList.get(position % imageList.size()).getImageId());
            container.addView(view);

            imageView.setOnClickListener(new View.OnClickListener() {
                @Override
                public void onClick(View v) {
                    Toast.makeText(getContext(), "你点击了第" + (position % imageList.size() + 1) + "个图片", Toast.LENGTH_SHORT).show();
                }
            });

            return view;
        }

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

    }

}

fragment_home的布局文件

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

    <ScrollView
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:scrollbars="none">

        <LinearLayout
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            android:orientation="vertical">

            <FrameLayout
                android:layout_width="match_parent"
                android:layout_height="200dp"
                android:layout_alignParentBottom="true"
                android:alpha="0.6">

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

                <LinearLayout
                    android:id="@+id/wrap_dots_ll"
                    android:layout_width="wrap_content"
                    android:layout_height="30dp"
                    android:layout_gravity="bottom|center_horizontal"
                    android:gravity="center"
                    android:orientation="horizontal"
                    />
            </FrameLayout>
        </LinearLayout>
    </ScrollView>

</LinearLayout>

item_viewpager的布局

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

    <ImageView
        android:id="@+id/image_item_vp"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:scaleType="fitXY" />

</RelativeLayout>

ImageBean的代码

package com.gtercn.oneday.bean;

/**
 * Created by Administrator on 2016/8/4.
 */
public class ImageBean {
    private int imageId;

    private String name;

    public String getName() {
        return name;
    }

    public void setName(String name) {
        this.name = name;
    }

    public ImageBean(int imageId, String name) {
        this.imageId = imageId;
        this.name = name;
    }

    public ImageBean(int imageId) {
        this.imageId = imageId;
    }

    public int getImageId() {
        return imageId;
    }

    public void setImageId(int imageId) {
        this.imageId = imageId;
    }
}

circular_point_shape的布局文件

<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android"
    android:shape="oval">
    <corners android:radius="6dp"/>
    <stroke android:color="@color/gray12"
        android:width="1dp"/>
    <solid android:color="@color/gray12"/>
    <size android:width="8dp"
        android:height="8dp"/>
</shape>

circular_point_shape_selected的布局文件

<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android"
    android:shape="oval">
    <corners android:radius="6dp"/>
    <stroke android:color="@color/gray4"
        android:width="1dp"/>
    <solid android:color="@color/gray4"/>
    <size android:width="12dp"
        android:height="12dp"/>
</shape>

效果图