【移动开发】Android中Fragment+ViewPager的配合使用

简介:

原本在上一篇博客中要讲解一个Fragment的综合应用,但是中间又想到了滑屏方式,所以就分类在总结了一下j_0064.gif,(http://smallwoniu.blog.51cto.com/3911954/1308959)今天我将继续总结,关于Fragment+ViewPager的使用!


官方文档:http://developer.android.com/reference/android/support/v4/view/ViewPager.html

ViewPager is most often used in conjunction with Fragment, which is a convenient way to supply and manage the lifecycle of each page. There are standard adapters implemented for using fragments with the ViewPager, which cover the most common use cases. These are FragmentPagerAdapter andFragmentStatePagerAdapter; each of these classes have simple code showing how to build a full user interface with them.


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


适配器类:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
package  com.zhf.android_viewpager_fragment;
import  android.support.v4.app.Fragment;
import  android.support.v4.app.FragmentManager;
import  android.support.v4.app.FragmentPagerAdapter;
/**
  * 自定义fragment适配器
  * @author ZHF
  *
  */
public  class  MyFragmentPageAdapter  extends  FragmentPagerAdapter {
     public  MyFragmentPageAdapter(FragmentManager fm) {
         super (fm);
     }
     @Override
     public  int  getCount() {
         return  3 ;
     }
     @Override
     public  Fragment getItem( int  position) {
         switch  (position) {
          case  0 :
                 return  MyFragment.newInstance(position);
             case  1 :
                 return  MyFragment.newInstance(position);
             case  2 :
                 return  MyFragment.newInstance(position);
             default :
                 return  null ;
             }
     }
}


MyFragment类:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
package  com.zhf.android_viewpager_fragment;
import  android.os.Bundle;
import  android.support.v4.app.Fragment;
import  android.view.LayoutInflater;
import  android.view.View;
import  android.view.ViewGroup;
import  android.widget.TextView;
/**
  * 用于创建Fragment对象,作为ViewPager的叶片
  * @author ZHF
  *
  */
public  class  MyFragment  extends  Fragment {
                                                                                                                                                                                                                                                                                                                  
     int  mNum;  //页号
     public  static  MyFragment newInstance( int  num) {
         MyFragment fragment =  new  MyFragment();
         // Supply num input as an argument.
         Bundle args =  new  Bundle();
         args.putInt( "num" , num);
         fragment.setArguments(args);
         return  fragment;
     }
     @Override
     public  void  onCreate(Bundle savedInstanceState) {
         super .onCreate(savedInstanceState);
         //这里我只是简单的用num区别标签,其实具体应用中可以使用真实的fragment对象来作为叶片
         mNum = getArguments() !=  null  ? getArguments().getInt( "num" ) :  1 ;
     }
     /**为Fragment加载布局时调用**/
     @Override
     public  View onCreateView(LayoutInflater inflater, ViewGroup container,
             Bundle savedInstanceState) {
                                                                                                                                                                                                                                                                                                                      
         View view = inflater.inflate(R.layout.fragment_pager_list,  null );
         TextView tv = (TextView) view.findViewById(R.id.text);
         tv.setText( "fragment+"  + mNum);
         return  view;
     }
}


布局文件:


activity_main.xml

1
2
3
4
5
6
7
8
9
10
<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>

fragment_pager_list.xml

1
2
3
4
5
6
7
8
9
10
11
12
13
<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>


MainActivity类:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
package  com.zhf.android_viewpager_fragment;
import  android.os.Bundle;
import  android.support.v4.app.FragmentActivity;
import  android.support.v4.app.FragmentManager;
import  android.support.v4.view.ViewPager;
public  class  MainActivity  extends  FragmentActivity {
     private  ViewPager mViewPager;
     private  MyFragmentPageAdapter mAdapter;
     @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();
         //初始化自定义适配器
         mAdapter =   new  MyFragmentPageAdapter(fm);
         //绑定自定义适配器
         mViewPager.setAdapter(mAdapter);
     }
}


效果图:

162219805.png

效果与ViewPager中添加View的效果是一样的!但是它与View的区别在于它有自己的生命周期,可以随时更改自己的状态便于管理。


事实上使用FragmentPagerAdapter 时,Fragment对象会一直存留在内存中,所以当有大量的显示页时,就不适合用FragmentPagerAdapter了,FragmentPagerAdapter 适用于只有少数的page情况,像选项卡

这个时候你可以考虑使用FragmentStatePagerAdapter ,当使用FragmentStatePagerAdapter 时,如果Fragment不显示,那么Fragment对象会被销毁,(滑过后会保存当前界面,以及下一个界面和上一个界面(如果有),最多保存3个,其他会被销毁掉
但在回调onDestroy()方法之前会回调onSaveInstanceState(Bundle outState)方法来保存Fragment的状态,下次Fragment显示时通过onCreate(Bundle savedInstanceState)把存储的状态值取出来,
FragmentStatePagerAdapter
 比较适合页面比较多的情况,像一个页面的ListView 。


     本文转自zhf651555765 51CTO博客,原文链接:http://blog.51cto.com/smallwoniu/1322746,如需转载请自行联系原作者







相关文章
|
XML Android开发 数据格式
Android -- Fragment动态注册
Android -- Fragment动态注册
83 0
|
Android开发
Android 使用ViewPager实现手动左右切换页面和底部点点跟随切换效果
Android 使用ViewPager实现手动左右切换页面和底部点点跟随切换效果
188 0
|
6月前
|
XML Java Android开发
Android Studio App开发之翻页视图ViewPager的讲解及实战(附源码 包括翻页视图和翻页标签栏)
Android Studio App开发之翻页视图ViewPager的讲解及实战(附源码 包括翻页视图和翻页标签栏)
857 0
|
16天前
|
缓存 前端开发 Android开发
Android实战之如何截取Activity或者Fragment的内容?
本文首发于公众号“AntDream”,介绍了如何在Android中截取Activity或Fragment的屏幕内容并保存为图片。包括截取整个Activity、特定控件或区域的方法,以及处理包含RecyclerView的复杂情况。
15 3
|
5月前
|
Android开发 容器
35. 【Android教程】视频页面:ViewPager
35. 【Android教程】视频页面:ViewPager
58 3
|
3月前
|
Android开发
Android使用ViewPager做无限轮播,人为滑动时停止
Android使用ViewPager做无限轮播,人为滑动时停止
64 2
|
3月前
|
移动开发 Android开发 Swift
|
6月前
|
XML 存储 Android开发
Android技能树 — Fragment总体小结,2024年最新腾讯面试gm
Android技能树 — Fragment总体小结,2024年最新腾讯面试gm
|
6月前
|
Android开发
Android使用ViewPager实现图片轮播系列之三:手动滑动 + 左右箭头(1)
Android使用ViewPager实现图片轮播系列之三:手动滑动 + 左右箭头(1)
|
6月前
|
XML Android开发 数据格式
Fragment的使用,零基础入门android逆向视频课程
Fragment的使用,零基础入门android逆向视频课程