android中的ViewPager，（中间有小圆圈，无限轮滑）

ViewPager

viewPager在V4包,如果使用他 必须要使用v4的Fragm
1. 适配器重写4个方法
getCount mList.size();
isViewFromObject view==object;
将super去掉 否则显示3个后会报错
instantiateItem
destoryItem
如果需要给系统的指示器，需要重写getPagerTitle
在ViewPager中间加入
android:id=”@+id/pts”
android:layout_width=”match_parent”
android:layout_height=”wrap_content” />

1. 监听
   addOnPagerChangedListener
2. 设置页面
   setCurrentItem //getCurrentItem
3. disgn TabLayout
   导入jar studio可以远程依赖
   在布局中添加TabLayout
   在viewPager设置适配器后，调用setupWithView

FragmentPagerAdapter

用来在ViewPager中展示多个Fragment页面
重写构造方法和2个抽象方法
getCount 返回Fragment的页面个数
getItem 用来返回每个页面的Fragment

下面一个案例：

上面的那个有横线可以移动的需要自己导入com.android.support:design：。。的这个包
下面是自己画的一个小圆跟着页面移动

MainActivity 类

public class MainActivity extends AppCompatActivity {

    TabLayout tablayout;


    ViewPager vp;

    Timer timer;
    LinearLayout points;

    public void start() {
        timer = new Timer();
        timer.schedule(new TimerTask() {
            @Override
            public void run() {
                runOnUiThread(new Runnable() {
                    @Override
                    public void run() {
                        vp.setCurrentItem(vp.getCurrentItem() + 1);
                    }
                });
                //修改UI了
            }
        }, 2000, 2000);
    }

    public void stop() {
        if (timer != null)
            timer.cancel();
    }

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        tablayout = (TabLayout) findViewById(R.id.tablayout);
        vp = (ViewPager) findViewById(R.id.vp);
        vp.setAdapter(new MyPagerAdapter());
        //tablayout也需要在设置适配器之后
        tablayout.setupWithViewPager(vp);


        //在设置适配器之后
        // vp.setCurrentItem(Integer.MAX_VALUE / 2 - (Integer.MAX_VALUE / 2 % 4));
        //start();
        vp.addOnPageChangeListener(new ViewPager.OnPageChangeListener() {
            @Override
            public void onPageScrolled(int position, float positionOffset, int positionOffsetPixels) {
                //无限页
            }

            int index; //一开始是第0页 已经被选中

            //当页面选择时
            @Override
            public void onPageSelected(int position) {
                // Toast.makeText(getBaseContext(), position + "页", Toast.LENGTH_SHORT).show();
                points.getChildAt(index).setSelected(false);
                points.getChildAt(position % 4).setSelected(true);
                index = position % 4;
            }

            @Override
            public void onPageScrollStateChanged(int state) {
                //状态改变
                if (state == ViewPager.SCROLL_STATE_DRAGGING) {
                    //停止自动滚动
                } else {
                    //开始滚动
                }
            }
        });

        initPoint();
    }

    private void initPoint() {
        points = (LinearLayout) findViewById(R.id.points);
        for (int i = 0; i < 4; i++) {
            View view = new View(this);
            LinearLayout.LayoutParams params = new LinearLayout.LayoutParams(20, 20);
            view.setBackgroundResource(R.drawable.point_selector);
            params.setMargins(10, 10, 10, 10);
            view.setLayoutParams(params);
            points.addView(view);
        }
        //第0个先被选中
        points.getChildAt(0).setSelected(true);
    }


    //适配器
    class MyPagerAdapter extends PagerAdapter {
        //每一个Viewpager的一页就是一个页面
        List<View> viewList = new ArrayList<>();

        int[] imgId = {R.mipmap.a, R.mipmap.b, R.mipmap.c, R.mipmap.d};

        public MyPagerAdapter() {
            for (int i = 0; i < 4; i++) {
                ImageView iv = new ImageView(getBaseContext());
                iv.setImageResource(imgId[i]);
                iv.setScaleType(ImageView.ScaleType.FIT_XY);
                viewList.add(iv);
            }
        }

        @Override
        public int getCount() {
            return viewList.size();//232
        }

        //判断两页是否相同，地址
        @Override
        public boolean isViewFromObject(View view, Object object) {
            //google要求的写法
            return view == object;
        }


        //必须加入 下面两个方法

        @Override
        public Object instantiateItem(ViewGroup container, int position) {
            //添加一个item 显示
            container.addView(viewList.get(position % 4));
            return viewList.get(position % 4);
        }

        @Override
        public void destroyItem(ViewGroup container, int position, Object object) {
            container.removeView(viewList.get(position % 4));
        }


        String[] titles = {"第一页", "第二页", "第三页", "第四页"};

        @Override
        public CharSequence getPageTitle(int position) {
            return titles[position % 4];
        }
    }
}

xml

<?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:id="@+id/activity_main"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    tools:context="com.example.administrator.lesson10_viewpage.MainActivity">

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


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

        </android.support.v4.view.ViewPager>

        <android.support.design.widget.TabLayout
            android:id="@+id/tablayout"
            android:layout_width="match_parent"
            android:layout_height="wrap_content" />
    </LinearLayout>

    <LinearLayout
        android:id="@+id/points"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_alignParentBottom="true"
        android:layout_centerHorizontal="true"
        android:layout_marginBottom="100dp"
        android:orientation="horizontal" />
</RelativeLayout>

自己画的一个圆point_selector.xml

<?xml version="1.0" encoding="utf-8"?>
<selector xmlns:android="http://schemas.android.com/apk/res/android">
    <item android:state_selected="true">
        <shape android:shape="oval">
            <solid android:color="@android:color/holo_red_dark" />
        </shape>

    </item>
    <item android:state_selected="false">
        <shape android:shape="oval">
            <solid android:color="@android:color/holo_green_dark" />
        </shape>

    </item>
</selector>