ViewPager初识

现在一般的app都是ViewPager作为启动页面，ViewPager和Fragement做主页
今天就来做一个简单的ViewPager

效果图

---

写一个引导页轮播需要
1.界面上创建一个viewPager
2.把要加载的页面方法哦Viewpagerd list中，吧布局文件转化为对象
2.创建一个pageradapter
重写pageradapter中的方法

---

创建一个ViewPager

<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.feng.viewpagertest.MainActivity">    <android.support.v4.view.ViewPager        android:id="@+id/vp"        android:layout_height="match_parent"        android:layout_width="match_parent"        >    </android.support.v4.view.ViewPager>    <LinearLayout        android:layout_height="wrap_content"        android:layout_width="wrap_content"        android:orientation="horizontal"        android:background="#ffcacb"        android:layout_marginBottom="20dp"        android:layout_alignParentBottom="true"        android:layout_centerHorizontal="true">        <Button            android:id="@+id/bt2"            android:layout_height="wrap_content"            android:layout_width="wrap_content"            android:text="prev"            />        <Button            android:id="@+id/bt1"            android:layout_height="wrap_content"            android:layout_width="wrap_content"            android:text="next"            />    </LinearLayout></RelativeLayout>

创建一个list 把要放到ViewPager中的View放入list中

 private List<View>list=new ArrayList<>();

把布局文件转换为对象

 LayoutInflater layoutInflater= LayoutInflater.from(this); list.add(layoutInflater.inflate(R.layout.page_1,null)); list.add(layoutInflater.inflate(R.layout.page_2,null)); list.add(layoutInflater.inflate(R.layout.page_3,null));

创建MyAdapter继承PagerAdapter重写4个构造方法

private class MyAdapter extends PagerAdapter{        @Override        public int getCount() {            return list.size();        }        //object 是list.get(position);        @Override        public boolean isViewFromObject(View view, Object object) {            //如果要显示的view和object是同一个对象则显示view            return view==object;        }        //相当于listview中的getView        @Override        public Object instantiateItem(ViewGroup container, int position) {            //把要显示的View添加到container            container.addView(list.get(position));            //吧要显示的view作为返回值            return list.get(position);        }        @Override        public void destroyItem(ViewGroup container, int position, Object object) {            container.removeView(list.get(position));        }    }

返回上一个ViewPager

bt2.setOnClickListener(new View.OnClickListener() {            @Override            public void onClick(View v) {                int position=mViewPager.getCurrentItem();                position--;                if(position<0){                    position=position+list.size();                }                mViewPager.setCurrentItem(position);            }        });

到下一个Viewpager

 bt1.setOnClickListener(new View.OnClickListener() {            @Override            public void onClick(View v) {                int position=mViewPager.getCurrentItem();                position++;                position=position%list.size();                mViewPager.setCurrentItem(position);            }        });

重点
得到当前位置

  int position=mViewPager.getCurrentItem();

通过位置设置显示

 mViewPager.setCurrentItem(position);

---

全部代码
MainActivity

public class MainActivity extends AppCompatActivity {    ViewPager mViewPager;    Button bt1,bt2;    private List<View>list=new ArrayList<>();    @Override    protected void onCreate(Bundle savedInstanceState) {        super.onCreate(savedInstanceState);        setContentView(R.layout.activity_main);        LayoutInflater layoutInflater= LayoutInflater.from(this);        list.add(layoutInflater.inflate(R.layout.page_1,null));        list.add(layoutInflater.inflate(R.layout.page_2,null));        list.add(layoutInflater.inflate(R.layout.page_3,null));        init();        initCilck();    }    private void initCilck() {        // 下一个        bt1.setOnClickListener(new View.OnClickListener() {            @Override            public void onClick(View v) {                int position=mViewPager.getCurrentItem();                position++;                position=position%list.size();                mViewPager.setCurrentItem(position);            }        });//        上一个        bt2.setOnClickListener(new View.OnClickListener() {            @Override            public void onClick(View v) {                int position=mViewPager.getCurrentItem();                position--;                if(position<0){                    position=position+list.size();                }                mViewPager.setCurrentItem(position);            }        });    }    private void init() {        mViewPager=(ViewPager)findViewById(R.id.vp);        bt1=(Button)findViewById(R.id.bt1);        bt2=(Button)findViewById(R.id.bt2);        mViewPager.setAdapter(new MyAdapter());    }    private class MyAdapter extends PagerAdapter{        @Override        public int getCount() {            return list.size();        }        //object 是list.get(position);        @Override        public boolean isViewFromObject(View view, Object object) {            //如果要显示的view和object是同一个对象则显示view            return view==object;        }        //相当于listview中的getView        @Override        public Object instantiateItem(ViewGroup container, int position) {            //把要显示的View添加到container            container.addView(list.get(position));            //吧要显示的view作为返回值            return list.get(position);        }        @Override        public void destroyItem(ViewGroup container, int position, Object object) {            container.removeView(list.get(position));        }    }}

mainActivity的布局

<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.feng.viewpagertest.MainActivity">    <android.support.v4.view.ViewPager        android:id="@+id/vp"        android:layout_height="match_parent"        android:layout_width="match_parent"        >    </android.support.v4.view.ViewPager>    <LinearLayout        android:layout_height="wrap_content"        android:layout_width="wrap_content"        android:orientation="horizontal"        android:background="#ffcacb"        android:layout_marginBottom="20dp"        android:layout_alignParentBottom="true"        android:layout_centerHorizontal="true">        <Button            android:id="@+id/bt2"            android:layout_height="wrap_content"            android:layout_width="wrap_content"            android:text="prev"            />        <Button            android:id="@+id/bt1"            android:layout_height="wrap_content"            android:layout_width="wrap_content"            android:text="next"            />    </LinearLayout></RelativeLayout>

page_1, page_2, page_3,
布局很简答，就不用写了