ViewPager＋Fragment的结合使用

前言：通常我们在完成一些分页界面时，假如每个子页中的内容较多或者是每个界面布局不一致，这时候假如使用普通的Viewpager+View的话，将会在主类中写出Very and Very多的逻辑，会显得主类代码非常臃肿，因此我们要将代码分块，最好是每个子页各自管自己的逻辑，那么最好的解决办法就是Viewpager中的每个子页中嵌套Fragment，也就是Viewpager+fragment的结合使用。接下来我们就通过代码一步步完成功能的实现：

子页FragmentA和子页FragmentA:

public class FragmentA extends Fragment {

int mNum; //页号
@Override
public void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
//这里我只是简单的用num区别标签
mNum = getArguments() != null ? getArguments().getInt("num") : 1;
}
/**为Fragment加载布局时调用**/
@Override
public View onCreateView(LayoutInflater inflater, ViewGroup container,Bundle savedInstanceState) {

View view = inflater.inflate(R.layout.fragmenta_pager_list, null);
TextView tv = (TextView) view.findViewById(R.id.text);
tv.setText("fragmenta+" + mNum);
return view;
}
}
public class FragmentB extends Fragment {

int mNum; //页号
@Override
public void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
//这里我只是简单的用num区别标签
mNum = getArguments() != null ? getArguments().getInt("num") : 1;
}
/**为Fragment加载布局时调用**/
@Override
public View onCreateView(LayoutInflater inflater, ViewGroup container,Bundle savedInstanceState) {

View view = inflater.inflate(R.layout.fragmentb_pager_list, null);
TextView tv = (TextView) view.findViewById(R.id.text);
tv.setText("fragmentb+" + mNum);
return view;
}

}

适配器(ViewPager叶片填充数据是Layout，页面少的话还可以，如果页面过多的话，全部加载到手机内存中，可能会耗尽内存，手动销毁又太麻烦。官方推荐 ViewPager与Fragment一起使用，可以更加方便的管理每个Page的生命周期，这里有标准的适配器实现用于ViewPager和Fragment,涵盖最常见的用例。FragmentPagerAdapter和FragmentStatePagerAdapter这两个类都有简单的代码显示如何构建一个完整的用户界面，所以这里我们使用的父级适配器是FragmentPagerAdapter)：

public static FragmentPagerAdapter addFragment(FragmentManager fm) {
List<Fragment> cacheFramentList = new ArrayList<>();
FragmentA fragmentA ＝ new FragmentA()；
Bundle bundleA = new Bundle();
bundleA.putInt("num", 1);
fragmentA.setArguments(bundleA);
cacheFramentList.add(fragmentA);
FragmentB fragmentB ＝ new FragmentB()；
Bundle bundleB = new Bundle();
bundleB.putInt("num", 2);
fragmentB.setArguments(bundleB);
cacheFramentList.add(fragmentB);
class MyPagerAdapter extends FragmentPagerAdapter {
public MyPagerAdapter(FragmentManager fm) {
super(fm);
}

@Override
public Fragment getItem(int position) {
return list.get(position);
}

@Override
public int getCount() {
return list.size();
}
}

return new MyPagerAdapter(fm);
}

MainActivity主类：

public class MainActivity extends FragmentActivity {
private ViewPager mViewPager;
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);
mViewPager = (ViewPager) findViewById(R.id.viewpager);

//这里因为是3.0一下版本，所以需继承FragmentActivity，通过getSupportFragmentManager()获取FragmentManager
//3.0及其以上版本，只需继承Activity，通过getFragmentManager获取事物
FragmentManager fm = getSupportFragmentManager();
//初始化自定义适配器
FragmentPagerAdapter mAdapter ＝ addFragment（fm）;
//绑定自定义适配器
mViewPager.setAdapter(mAdapter);
}
}

布局文件：

fragmenta_pager_list.xml:

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:background="@android:drawable/gallery_thumb"
android:orientation="vertical" >
<TextView
android:id="@+id/text"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:gravity="center_vertical|center_horizontal"
android:text="@string/hello_world"
android:textAppearance="?android:attr/textAppearanceMedium" />
</LinearLayout>

activity_main.xml:

<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" >

<android.support.v4.view.ViewPager
android:id="@+id/viewpager"
android:layout_width="fill_parent"
android:layout_height="fill_parent" />
</RelativeLayout>

ok,现在我们就完成了所有的操作。