ViewPager与底部小圆点的联动

布局文件：

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout 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"

    tools:context="com.example.administrator.app06014.MainActivity">

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

    <LinearLayout
        android:id="@+id/rl_bottom"
        android:layout_width="match_parent"
        android:layout_height="30dp"
        android:orientation="horizontal"
        android:background="#ff00"
        android:layout_alignParentBottom="true"
        android:gravity="center"

        >

    </LinearLayout>

</RelativeLayout>

public class MainActivity extends AppCompatActivity implements ViewPager.OnPageChangeListener,View.OnClickListener{
    private ViewPager viewPager;//滑动视图列表
    private LinearLayout rl_guid;//相对布局
    private int [] images_id={R.mipmap.aa,R.mipmap.aa11,R.mipmap.aa2,R.mipmap.aa3,
            R.mipmap.aa4,R.mipmap.aa5,R.mipmap.aa22,R.mipmap.aa33,R.mipmap.aa44,R.mipmap.aa55,
            R.mipmap.aa6,R.mipmap.aaaa};

    private List<ImageView>list;//线性布局里面的图片控件集合

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);

        initView();

        //创建自定义的适配器对象
        MyAdapter adapter=new MyAdapter(MainActivity.this);

        viewPager.setAdapter(adapter);//给视图列表(可滑动)设置适配器

    }

    private void initView() {
        viewPager= (ViewPager) findViewById(R.id.rl_parent);//视图列表控件
        viewPager.setOnPageChangeListener(this);

        rl_guid= (LinearLayout) findViewById(R.id.rl_bottom);//线性布局

        list=new ArrayList<ImageView>();//初始化图片控件集合(底部的小圆点)
        for(int i=0;i<images_id.length;i++){
            ImageView image=new ImageView(this);//创建图片控件

            LinearLayout.LayoutParams params=//创建设置对象
                    new LinearLayout.LayoutParams(//设置宽和高
                            ViewGroup.LayoutParams.WRAP_CONTENT,
                            ViewGroup.LayoutParams.WRAP_CONTENT
                    );


                params.rightMargin=5;//设置右边的间距

                image.setLayoutParams(params);//把定义的距离(定义)设置进来

            if(i==0){//设置第1张图片为不可用
                image.setEnabled(false);
            }
            //设置图片控件的背景(资源里面的选择器)
            image.setBackgroundResource(R.drawable.image_selector);

            image.setTag(i);//给控件设置Tag

            image.setOnClickListener(this);//设置图片点击事件
            rl_guid.addView(image);//把图片控件添加到线性布局里面

            list.add(image);//添加到集合里面
        }


    }



    @Override
    public void onClick(View v) {//给线性布局里面的图片，添加点击事件
        int tag= (int) v.getTag();

        switch ((int)(v.getTag())){
            case 0:
                v.setEnabled(false);//设置点击的图片为不可用
               viewPager.setCurrentItem(tag,true);//设置ViewPager显示的图片
                break;
            case 1:
                v.setEnabled(false);
                viewPager.setCurrentItem(tag,true);
                break;
            case 2:
                v.setEnabled(false);
                viewPager.setCurrentItem(tag, true);
                break;
            case 3:
                v.setEnabled(false);
                viewPager.setCurrentItem(tag, true);
                break;
            case 4:
                v.setEnabled(false);
                viewPager.setCurrentItem(tag, true);
                break;
            case 5:
                v.setEnabled(false);
                viewPager.setCurrentItem(tag,true);
                break;
            case 6:
                v.setEnabled(false);
                viewPager.setCurrentItem(tag, true);
                break;
            case 7:
                v.setEnabled(false);
                viewPager.setCurrentItem(tag, true);
                break;
            case 8:
                v.setEnabled(false);
                viewPager.setCurrentItem(tag, true);
                break;
            case 9:
                v.setEnabled(false);
                viewPager.setCurrentItem(tag, true);
                break;
            case 10:
                v.setEnabled(false);
                viewPager.setCurrentItem(tag, true);
                break;
            case 11:
                v.setEnabled(false);
                viewPager.setCurrentItem(tag, true);
                break;

        }


    }

    @Override//滑动的时候
    public void onPageScrolled(int position, float positionOffset, int positionOffsetPixels) {

    }

    @Override//选中或者滑动停止的时候
    public void onPageSelected(int position) {
        //改变imageview的可以性(线性布局里面的)
        for(int i=0;i<rl_guid.getChildCount();i++){
            ImageView image= (ImageView) rl_guid.getChildAt(i);

        if(i==position){
            image.setEnabled(false);//选中的那张，设置为不可用
        }else{
            image.setEnabled(true);
        }


        }


    }

    @Override//滑动状态改变的时候
    public void onPageScrollStateChanged(int state) {

    }




    //自定义视图列表的适配器
    class MyAdapter extends PagerAdapter{

        private Context context;

        public MyAdapter(Context context){
            this.context=context;
        }

        @Override//返回列表的内容总数
        public int getCount() {
            return images_id.length;
        }

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

        @Override//实例化列表里面的控件
        public Object instantiateItem(ViewGroup container, int position) {
            ImageView image=new ImageView(context);//创建图片控件

            image.setImageResource(images_id[position]);//给图片控件设置显示的内容

            viewPager.addView(image);//把图片控件添加到视图列表(滑动)里面

            return image;//返回添加的控件

        }

        @Override//删除控件(图片控件)的方法
        public void destroyItem(ViewGroup container, int position, Object object) {

             container.removeView((View) object);//删除对象(图片控件)

        }
    }





}

资源文件

<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android"
    android:shape="oval"
    >

    <size android:height="10dp" android:width="10dp"></size>
    <solid android:color="#891ddc"></solid>

</shape>

<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android"
    android:shape="oval"
    >
    <size android:width="10dp" android:height="10dp"></size>
    <solid
        android:color="#e6c80b"></solid>

</shape>

选择器：

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

    <item android:state_enabled="true" android:drawable="@drawable/dot_white"></item>
    <item android:state_enabled="false" android:drawable="@drawable/dot_black"></item>

</selector>

”