ViewPager 详解（五）-----使用Fragment实现ViewPager滑动

在第一个页面加一个Btn                                          第一页面向第二页面滑动

  

第二页面向第三个页面滑动

一、概述

从前面几篇文章，我们知道，实现ViewPager是要有适配器的，我们前面用的适配器是PagerAdapter，而对于fragment,它所使用的适配器是：FragmentPagerAdapter.先看看官方对于这个类的解释：（英文下面有中文解释）

原文：

Class Overview

---

Implementation of PagerAdapter that represents each page as a Fragment that is persistently kept in the fragment manager as long as the user can return to the page.

This version of the pager is best for use when there are a handful of typically more static fragments to be paged through, such as a set of tabs. The fragment of each page the user visits will be kept in memory, though its view hierarchy may be destroyed when not visible. This can result in using a significant amount of memory since fragment instances can hold on to an arbitrary amount of state. For larger sets of pages, consider FragmentStatePagerAdapter.

When using FragmentPagerAdapter the host ViewPager must have a valid ID set.

Subclasses only need to implement getItem(int) and getCount() to have a working adapter.

译文：（译的不好，大家可在评论中补充）

FragmentPagerAdapter派生自PagerAdapter，它是用来呈现Fragment页面的，这些Fragment页面会一直保存在fragment manager中，以便用户可以随时取用。

这个适配器最好用于有限个静态fragment页面的管理。尽管不可见的视图有时会被销毁，但用户所有访问过的fragment都会被保存在内存中。因此fragment实例会保存大量的各种状态，这就造成了很大的内存开销。所以如果要处理大量的页面切换，建议使用FragmentStatePagerAdapter.

每一个使用FragmentPagerAdapter的ViewPager都要有一个有效的ID集合，有效ID的集合就是Fragment的集合（感谢夫诸同学的提示）

对于FragmentPagerAdapter的派生类，只需要重写getItem(int)和getCount()就可以了。

二、具体实现

1、适配器实现——FragmentPagerAdapter

先看完整代码，再细讲：

[java] view plain copy

1. public class FragAdapter extends FragmentPagerAdapter {
2. private List<Fragment> mFragments;
3. public FragAdapter(FragmentManager fm,List<Fragment> fragments) {
4. super(fm);
5. // TODO Auto-generated constructor stub
6. mFragments=fragments;
7. }
8. @Override
9. public Fragment getItem(int arg0) {
10. // TODO Auto-generated method stub
11. return mFragments.get(arg0);
12. }
13. @Override
14. public int getCount() {
15. // TODO Auto-generated method stub
16. return mFragments.size();
17. }
18. }

这里有三个函数，根据第一部分的官方文档，可知，对于FragmentPagerAdapter的派生类，只重写getItem(int)和getCount()就可以了。

对于构造函数，这里申请了一个Fragment的List对象，用于保存用于滑动的Fragment对象，并在创造函数中初始化：

[java] view plain copy

1. public FragAdapter(FragmentManager fm,List<Fragment> fragments) {
2. super(fm);
3. // TODO Auto-generated constructor stub
4. mFragments=fragments;
5. }

然后在getItem(int arg0)中，根据传来的参数arg0，来返回当前要显示的fragment,下面是getItem的官方解释，难度不大，不再细讲。

public abstract Fragment getItem (int position)

Return the Fragment associated with a specified position.

最后，getCount()返回用于滑动的fragment总数；

从构造函数所以看出，我们要构造Fragment的集合才行，所以下面我们就先产生我们所需要的Fragment类；

2、三个Fragment类

第一个Fragment类：

XML：（layout1.xml）

[html] view plain copy

1. <?xml version="1.0" encoding="utf-8"?>
2. <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
3. android:layout_width="match_parent"
4. android:layout_height="match_parent"
5. android:background="#ffffff"
6. android:orientation="vertical" >
7. <Button android:id="@+id/fragment1_btn"
8. android:layout_width="wrap_content"
9. android:layout_height="wrap_content"
10. android:text="show toast"
11. />
12. </LinearLayout>

在其中加入了一个Btn

Java代码：

[java] view plain copy

1. public class Fragment1 extends Fragment {
2. @Override
3. public View onCreateView(LayoutInflater inflater, ViewGroup container,
4. Bundle savedInstanceState) {
5. // TODO Auto-generated method stub
6. View view= inflater.inflate(R.layout.layout1, container, false);
7. //对View中控件的操作方法
8. Button btn = (Button)view.findViewById(R.id.fragment1_btn);
9. btn.setOnClickListener(new View.OnClickListener() {
10. @Override
11. public void onClick(View v) {
12. // TODO Auto-generated method stub
13. Toast.makeText(getActivity(), "点击了第一个fragment的BTN", Toast.LENGTH_SHORT).show();
14. }
15. });
16. return view;
17. }
18. }

在onCreateView()中返回要显示的View，上面这段代码简单演示了如何对视图里的控件进行操作，难度不大，不再细讲，如果对Fragment不太熟悉的同学，先看看这篇文章：《Android Fragment完全解析，关于碎片你所需知道的一切》

第二个Fragment类：

XML代码：（layout2.xml）原生代码，没有做任何更改

[html] view plain copy

1. <?xml version="1.0" encoding="utf-8"?>
2. <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
3. android:layout_width="match_parent"
4. android:layout_height="match_parent"
5. android:background="#ffff00"
6. android:orientation="vertical" >
7. </LinearLayout>

java代码：
[java] view plain copy

1. public class Fragment2 extends Fragment {
2. @Override
3. public View onCreateView(LayoutInflater inflater, ViewGroup container,
4. Bundle savedInstanceState) {
5. // TODO Auto-generated method stub
6. View view=inflater.inflate(R.layout.layout2, container, false);
7. return view;
8. }
9. }

第三个Fragment类：

XML代码：（layout3.xml）同样，原生代码，没做任何更改

[html] view plain copy

1. <?xml version="1.0" encoding="utf-8"?>
2. <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
3. android:layout_width="match_parent"
4. android:layout_height="match_parent"
5. android:background="#ff00ff"
6. android:orientation="vertical" >
7. </LinearLayout>

java代码：
[java] view plain copy

1. public class Fragment3 extends Fragment {
2. @Override
3. public View onCreateView(LayoutInflater inflater, ViewGroup container,
4. Bundle savedInstanceState) {
5. // TODO Auto-generated method stub
6. View view=inflater.inflate(R.layout.layout3, container, false);
7. return view;
8. }
9. }

3、主activity实现

核心代码：

[java] view plain copy

1. public class MainActivity extends FragmentActivity {
2. @Override
3. protected void onCreate(Bundle savedInstanceState) {
4. super.onCreate(savedInstanceState);
5. setContentView(R.layout.activity_main);
6. //构造适配器
7. List<Fragment> fragments=new ArrayList<Fragment>();
8. fragments.add(new Fragment1());
9. fragments.add(new Fragment2());
10. fragments.add(new Fragment3());
11. FragAdapter adapter = new FragAdapter(getSupportFragmentManager(), fragments);
12. //设定适配器
13. ViewPager vp = (ViewPager)findViewById(R.id.viewpager);
14. vp.setAdapter(adapter);
15. }
16. }

首先有一个最值得注意的地方：Activity派生自FragmentActivity，其实这是有关Fragment的基础知识，只有FragmentActivity才能内嵌fragment页面，普通Activity是不行的。

这段代码主要分为两步，第一步：构造适配器；第二步：设定适配器。

先看构造适配器的过程：

[java] view plain copy

1. //构造适配器
2. List<Fragment> fragments=new ArrayList<Fragment>();
3. fragments.add(new Fragment1());
4. fragments.add(new Fragment2());
5. fragments.add(new Fragment3());
6. FragAdapter adapter = new FragAdapter(getSupportFragmentManager(), fragments);

构造一个fragment列表，然后将上面的三个Fragment类对应的实例添加进去，最后生成FragAdapter实例。
至于第二步，设定适配器，没什么好讲的。

4、可能出现的问题

问题：在MainActivity中，当写到这句：fragments.add(new Fragment1()); 向Fragment列表中添加Fragement对象实例时，会提示“无法将Fragment1()转换为fragment”

解决办法 ：这是因为导入包不一致，一般的问题在于：在Fragment1中导入的是android.app.Fragment， 而在这里导入类确是：android.support.v4.app.Fragment,包不同当然无法转换，统一导入为android.support.v4.app.Fragment之后就正常了.参考文章《android之cannot convert from Fragment1 to Fragment》

Android 应用开发---ViewPager---5.使用Fragment实现ViewPager滑动相关推荐

1. Android项目开发填坑记-Fragment的onAttach

   背景 现在Android开发多使用一个Activity管理多个Fragment进行开发,不免需要两者相互传递数据,一般是给Fragment添加回调接口,让Activity继承并实现. 回调接口一般都写 ...

2. Android移动应用开发之Viewpage2+fragment实现微信滑动界面的效果

   文章目录 布局 viewpager2 fragment adapter 实现的效果如下: 滑动界面能够实现界面的跳转. 点击下面按钮同样实现界面的跳转. 布局 最下面的导航栏,单独写了个布局文件: & ...

3. android应用开发（27）---Fragment

   Fragment Fragment 表示 Activity 中的行为或用户界面部分.您可以将多个片段组合在一个 Activity 中来构建多窗格 UI,以及在多个 Activity 中重复使用某个片段 ...

4. Android实战开发--底部导航（Fragment）篇

   安卓实战开发之底部导航 提示:本篇文中对基本的操作不做细节讲解,后续会通过链接方式跳转到对应的知识点. 文章目录 安卓实战开发之底部导航 前言 一.准备 1.矢量图标准备 2.文件准备 二.使用步骤 ...

5. Android应用开发：动画和Fragment

   帧动画FrameAnimation 多张图片快速切换,形成动画效果 帧动画使用xml定义 frame动画是放置到res/drawable/下面,在这里定义要显示的图片和每张图片的显示时长 <an ...

6. Android商城开发----viewPager实现广告轮播（在首页Fragment中实现）

   Android商城开发----在商城首页Fragment使用viewPager实现广告轮播 写在前面:本篇文章建立在创建底部导航栏之后,对商城首页进行开发.创建底部导航栏的内容请查看:Android开 ...

7. android viewpager fragment传值,Android开发中如何解决Fragment +Viewpager滑动页面重复加载的问题...

   前言 之前在做一个Viewpager上面加载多个Fragment时总会实例化已经创建好的Fragmnet对象类似 viewPager.setAdapter(new FragmentPagerAdapt ...

8. Android 应用开发----7. ViewPager+Fragment一步步打造顶部导航界面滑动效果

   ViewPager+Fragment一步步打造顶部导航界面滑动效果 在许多应用中,我们常常用到这么一个效果: 可以看到,由于现在的应用数据经常需要涉及到多个模块,所以常常需要使用滑动标签在多个页面之间 ...

9. 【移动开发】Android中强大的适配功能----Fragment（碎片）总结

   作为大多数刚接触Android应用开发的人来说,在一个强大的Activity类中,就可以完成丰富多彩的UI工作,但是杂乱的屏幕分辨率,使得本来好不容易写好的UI,变得不堪入目...该怎么办那? 查阅了 ...

最新文章

1. oracle proc 定义宿主,oracle proc 编程基础及最小化案例
2. Filter学习（一）
3. 怒爬某破 Hub 站资源，只为撸这个鉴黄平台！
4. 介绍两个好玩的和Github相关的Chrome扩展 1
5. supervisor监控php进程程序,详解Supervisor进程守护监控（转）
6. 【 Logistic Regression 】林轩田机器学习基石
7. python实现自动向QQ邮箱发送天气预报邮件
8. stl_algorithm算法之排序算法
9. 【java】面向程序员的 10 大 Java 书籍 — 历久弥新
10. MongoDB 高阶
11. setMinDate出现java.lang.IllegalArgumentException: fromDate:xxx does not preced toDate: xxx异常的简单解决办法
12. JavaScript实现类似百度的智能搜索框
13. 博科Brocade系列光纤交换机报价 程鹏宇 13829750520
14. 统计元音（函数专题）
15. 减法器运算电路公式推导
16. android课程设计健身,健身软件课程设计-毕业论文.doc
17. 折腾词库，一个词库互转程序
18. CSS 第005 背景-理论
19. python算法工程师面试_算法工程师的面试经历及总结
20. Powerpivot PowerBI相关组件下载安装（附操作截图）

热门文章

1. java内存泄漏跟栈溢出,8.《深入理解Java虚拟机》内存溢出和内存泄露、并行和并发、Minor GC和Full GC、Client模式和Server模式的区别...
2. (10)魔兽文件打包器里的传奇哈希表
3. c 内存加载易语言dll,[求助]MemoryLoadLibrary 加载MFC 易语言 DLL 失败
4. 【Java数据结构与算法】第十四章 红黑树
5. MySQL---数据库切分
6. java堆栈信息查看，以及JVM性能查看工具-jconsole+jmap
7. 在死循环中使用Scanner获得键盘输入
8. 15. 迭代器模式（Iterator Pattern）
9. Struts2 注解模式
10. PHP underlying structure