本文介绍了Android中的ViewPager组件，包括PagerAdapter、FragmentPagerAdapter和FragmentStatePagerAdapter的使用。ViewPager用于视图切换，适配器需要重写关键方法。FragmentPagerAdapter适用于少量Fragment，而FragmentStatePagerAdapter则适合页面多或内容复杂的情况。文中提供了实例代码和效果展示。
Android ViewPager使用
ViewPager是Android的一个UI组件，用于视图切换，我们可以往里面填充多个View，需要用到适配器。
- PagerAdapter，数据源：
List<View> - FragmentPagerAdapter，数据源：
List<Fragment> - FragmentStatePagerAdapter，数据源：
List<Fragment>
分析适配器：
- PagerAdapter是ViewPager提供的一个适配器，是一个抽象类，直接继承于Object，导入包android.support.v4.view.PagerAdapter即可使用。要使用PagerAdapter，要重写四个方法：
获取当前窗体界面数：
public abstract int getCount();
确定一个页面视图是否关联到一个特定的对象，即用来判断pager的一个view是否和instantiateItem方法返回的object有关联：
public abstract boolean isViewFromObject(android.view.View arg0, java.lang.Object arg1);
返回给定对象的位置，表明了PagerAdapter适配器选择哪个对象放在当前的ViewPager中：
public java.lang.Object instantiateItem(android.view.View container, int position);
从ViewGroup中移出当前View：
public void destroyItem(android.view.ViewGroup container, int position, java.lang.Object object); - FragmentPagerAdapter，继承自PagerAdapter，这个适配器就是用来实现Fragment在ViewPager里面进行滑动切换，缓存当前的Fragment和左边一个Fragment，右边一个Fragment，一共缓存3个Fragment。适合使用在Fragment固定的数量较少的场景。要使用FragmentPagerAdapter，我们需要实现2个方法。
返回的是ViewPager页面的数量：
getCount()
返回的是要显示的fragment对象：
getItem(int position) - FragmentStatePagerAdapter，是PagerAdapter的子类，当Fragment对用户不可见时，整个Fragment会被销毁，只会保存Fragment的状态，需要重新显示的时候，生成新的页面，适合于页面较多或者页面内容非常复杂的场景。使用FragmentStatePagerAdapter，需要实现2个方法和FragmentPagerAdapter一样。
PagerAdapter实例：
效果预设：三个页面，通过手势滑动完成切换。
目录结构：
activity_main.xml中写一个ViewPager：
<?xml version="1.0" encoding="utf-8"?>
<android.support.constraint.ConstraintLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:app="http://schemas.android.com/apk/res-auto"
xmlns:tools="http://schemas.android.com/tools"
android:layout_width="match_parent"
android:layout_height="match_parent"
tools:context="com.example.douzaer.viewpagerdemo.MainActivity">
<android.support.v4.view.ViewPager
android:id="@+id/vp"
android:layout_width="match_parent"
android:layout_height="match_parent"
>
</android.support.v4.view.ViewPager>
</android.support.constraint.ConstraintLayout>view1，view2，view3分别写一个TextView（只贴出view1布局代码，view2，view3同理）：
<?xml version="1.0" encoding="utf-8"?>
<android.support.constraint.ConstraintLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:app="http://schemas.android.com/apk/res-auto"
xmlns:tools="http://schemas.android.com/tools"
android:layout_width="match_parent"
android:layout_height="match_parent"
tools:context="com.example.douzaer.viewpagerdemo.MainActivity">
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="第一个页面"
app:layout_constraintBottom_toBottomOf="parent"
app:layout_constraintLeft_toLeftOf="parent"
app:layout_constraintRight_toRightOf="parent"
app:layout_constraintTop_toTopOf="parent" />
</android.support.constraint.ConstraintLayout>MyPagerAdapter.java中自定义PagerAdapter：
import android.support.v4.view.PagerAdapter;
import android.view.View;
import android.view.ViewGroup;
import java.util.ArrayList;
public class MyPagerAdapter extends PagerAdapter {
private ArrayList<View> viewLists;
public MyPagerAdapter() {
}
public MyPagerAdapter(ArrayList<View> viewLists) {
super();
this.viewLists = viewLists;
}
//获得viewpager中view数目
@Override
public int getCount() {
return viewLists.size();
}
//判断instantiateItem函数所返回来与一个页面视图是否是代表的同一个视图
@Override
public boolean isViewFromObject(View view, Object object) {
return view == object;
}
//将给定位置的view添加到ViewGrou中，创建并显示出来，返回一个代表新增页面的Object，通常都是直接返回view本身
@Override
public Object instantiateItem(ViewGroup container, int position) {
container.addView(viewLists.get(position));
return viewLists.get(position);
}
//移除一个给定位置的页面
@Override
public void destroyItem(ViewGroup container, int position, Object object) {
container.removeView(viewLists.get(position));
}
}MainActivity.java，主要由三部分构成，构造适配器，数据源，加载适配器：
import android.support.v4.view.ViewPager;
import android.support.v7.app.AppCompatActivity;
import android.os.Bundle;
import android.view.LayoutInflater;
import android.view.View;
import java.util.ArrayList;
public class MainActivity extends AppCompatActivity {
private ViewPager vp;
//数据源
private ArrayList<View> al;
//适配器
private MyPagerAdapter mAdapter;
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);
vp = (ViewPager) findViewById(R.id.vp);
//加载数据
al = new ArrayList<View>();
LayoutInflater li = getLayoutInflater();
al.add(li.inflate(R.layout.view1,null,false));
al.add(li.inflate(R.layout.view2,null,false));
al.add(li.inflate(R.layout.view3,null,false));
//构造适配器
mAdapter = new MyPagerAdapter(al);
//加载适配器
vp.setAdapter(mAdapter);
}
}效果图：
Demo代码：PagerAdapterDemo
FragmentPagerAdapter实例：
效果预设：三个页面，通过手势滑动完成切换。
目录结构：
activity_main.xml中写一个ViewPager：
<?xml version="1.0" encoding="utf-8"?>
<android.support.constraint.ConstraintLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:app="http://schemas.android.com/apk/res-auto"
xmlns:tools="http://schemas.android.com/tools"
android:layout_width="match_parent"
android:layout_height="match_parent"
tools:context="com.example.douzaer.fragmentpageradapterdemo.MainActivity">
<android.support.v4.view.ViewPager
android:id="@+id/viewpager1"
android:layout_width="match_parent"
android:layout_height="match_parent" >
</android.support.v4.view.ViewPager>
</android.support.constraint.ConstraintLayout>简单写三个fragment布局（其余两个同理）：
<?xml version="1.0" encoding="utf-8"?>
<android.support.constraint.ConstraintLayout
xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:app="http://schemas.android.com/apk/res-auto"
android:orientation="vertical"
android:layout_width="match_parent"
android:layout_height="match_parent">
<TextView
android:id="@+id/tv1"
android:layout_height="wrap_content"
android:layout_width="wrap_content"
android:text="第1个fragment"
app:layout_constraintBottom_toBottomOf="parent"
app:layout_constraintLeft_toLeftOf="parent"
app:layout_constraintRight_toRightOf="parent"
app:layout_constraintTop_toTopOf="parent"
>
</TextView>
</android.support.constraint.ConstraintLayout>写三个自定义的Fragment1、Fragment2、Fragment3继承Fragment类（其余两个同理）：
import android.os.Bundle;
import android.support.v4.app.Fragment;
import android.view.LayoutInflater;
import android.view.View;
import android.view.ViewGroup;
public class Fragment1 extends Fragment {
public Fragment1() {
}
//对应布局fg1
@Override
public View onCreateView(LayoutInflater inflater, ViewGroup container, Bundle savedInstanceState) {
return inflater.inflate(R.layout.fg1, container, false);
}
}自定义MyFragmentPagerAdapter继承FragmentPagerAdapter：
import android.support.v4.app.Fragment;
import android.support.v4.app.FragmentManager;
import android.support.v4.app.FragmentPagerAdapter;
import android.view.ViewGroup;
public class MyFragmentPagerAdapter extends FragmentPagerAdapter {
//总共3个fragment
private final int PAGER_COUNT = 3;
//声明3个Fragment对象
private Fragment1 myFragment1 = null;
private Fragment2 myFragment2 = null;
private Fragment3 myFragment3 = null;
public MyFragmentPagerAdapter(FragmentManager fm) {
super(fm);
myFragment1 = new Fragment1();
myFragment2 = new Fragment2();
myFragment3 = new Fragment3();
}
@Override
public int getCount() {
return PAGER_COUNT;
}
@Override
public Object instantiateItem(ViewGroup vg, int position) {
return super.instantiateItem(vg, position);
}
@Override
public void destroyItem(ViewGroup container, int position, Object object) {
System.out.println("position Destory" + position);
super.destroyItem(container, position, object);
}
//根据不同的页面常量加载不同的fragment
@Override
public Fragment getItem(int position) {
Fragment fragment = null;
switch (position) {
case MainActivity.PAGE_ONE:
fragment = myFragment1;
break;
case MainActivity.PAGE_TWO:
fragment = myFragment2;
break;
case MainActivity.PAGE_THREE:
fragment = myFragment3;
break;
}
return fragment;
}
}MainActivity.java：
import android.support.v4.view.ViewPager;
import android.support.v7.app.AppCompatActivity;
import android.os.Bundle;
public class MainActivity extends AppCompatActivity{
//页面常量
public static final int PAGE_ONE = 0;
public static final int PAGE_TWO = 1;
public static final int PAGE_THREE = 2;
//自定义的适配器对象
private MyFragmentPagerAdapter mAdapter;
//定义ViewPager对象
private ViewPager mViewPager;
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);
//用自定义的MyFragmentPagerAdapter实例化mAdapter对象
mAdapter = new MyFragmentPagerAdapter(getSupportFragmentManager());
mViewPager = (ViewPager) findViewById(R.id.viewpager1);
//加载适配器
mViewPager.setAdapter(mAdapter);
}
}
效果图：
Demo代码：FragmentPagerAdapterDemo
作者：陈梦蓉：原文地址
扫一扫
2万+
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
