首页 文章 精选 留言 我的

Android中Fragment+ViewPager的配合使用

2017-11-17 574

官方推荐 ViewPager与Fragment一起使用，可以更加方便的管理每个Page的生命周期，这里有标准的适配器实现用于ViewPager和Fragment,涵盖最常见的用例。FragmentPagerAdapter和FragmentStatePagerAdapter这两个类都有简单的代码显示如何构建一个完整的用户界面与他们。

 

适配器类：

 

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 。

原文 http://smallwoniu.blog.51cto.com/3911954/1322746

本文转自欢醉博客园博客，原文链接http://www.cnblogs.com/zhangs1986/p/3687668.html如需转载请自行联系原作者


欢醉

上一篇 下一篇
优秀的个人博客,低调大师

微信关注我们

原文链接：https://yq.aliyun.com/articles/370430

转载内容版权归作者及来源网站所有！

低调大师中文资讯倾力打造互联网数据资讯、行业资源、电子商务、移动互联网、网络营销平台。持续更新报道IT业界、互联网、市场资讯、驱动更新,是最及时权威的产业资讯及硬件资讯报道平台。

自适应网页设计（Responsive Web Design）

随着3G的普及，越来越多的人使用手机上网。 移动设备正超过桌面设备，成为访问互联网的最常见终端。于是，网页设计师不得不面对一个难题：如何才能在不同大小的设备上呈现同样的网页？ 手机的屏幕比较小，宽度通常在600像素以下；PC的屏幕宽度，一般都在1000像素以上（目前主流宽度是1366×768），有的还达到了2000像素。同样的内容，要在大小迥异的屏幕上，都呈现出满意的效果，并不是一件容易的事。 很多网站的解决方法，是为不同的设备提供不同的网页，比如专门提供一个mobile版本，或者iPhone / iPad版本。这样做固然保证了效果，但是比较麻烦，同时要维护好几个版本，而且如果一个网站有多个portal（入口），会大大增加架构设计的复杂度。 于是，很早就有人设想，能不能"一次设计，普遍适用"，让同一张网页自动适应不同大小的屏幕，根据屏幕宽度，自动调整布局（layout）？ 一、"自适应网页设计"的概念 2010年，Ethan Marcotte提出了"自适应网页设计"（Responsive Web Design）这个名词，指可以自动识别屏幕宽度、并做出相应调整的网页设计。 他制作了一个范...
2017-11-18
572
上一篇

Cannot override the final method from SherlockFragmentActivity

调用ActionBarSherlock后页面找不到onCreateOptionsMenu报错 com.actionbarsherlock.app.SherlockFragmentActivity.onCreateOptionsMenu Cannot override the final method from SherlockFragmentActivity @Override public boolean onOptionsItemSelected(MenuItem item) { int id = item.getItemId(); if (id == android.R.id.home) { rbmView.toggleMenu(); return true; } else { return super.onOptionsItemSelected(item); } } 网上的一个方法是将MenuItem替换为com.actionbarsherlock.view.MenuItem 本文转自欢醉博客园博客，原文链接http://www.cnblogs.com/zhangs1986/p...
2017-11-18
563
下一篇

相关文章

发表评论

资源下载

更多资源
优质分享App

优质分享App

近一个月的开发和优化，本站点的第一个app全新上线。该app采用极致压缩，本体才4.36MB。系统里面做了大量数据访问、缓存优化。方便用户在手机上查看文章。后续会推出HarmonyOS的适配版本。

时间: 2025-12-03 大小: 4.36MB 下载: 23次
Mario

Mario

马里奥是站在游戏界顶峰的超人气多面角色。马里奥靠吃蘑菇成长，特征是大鼻子、头戴帽子、身穿背带裤，还留着胡子。与他的双胞胎兄弟路易基一起，长年担任任天堂的招牌角色。

时间: 2025-12-12 大小: 211.28KB 下载: 54次
Rocky Linux

Rocky Linux

Rocky Linux（中文名：洛基）是由Gregory Kurtzer于2020年12月发起的企业级Linux发行版，作为CentOS稳定版停止维护后与RHEL（Red Hat Enterprise Linux）完全兼容的开源替代方案，由社区拥有并管理，支持x86_64、aarch64等架构。其通过重新编译RHEL源代码提供长期稳定性，采用模块化包装和SELinux安全架构，默认包含GNOME桌面环境及XFS文件系统，支持十年生命周期更新。

时间: 2026-03-02 大小: 1.42GB 下载: 3次
Sublime Text

Sublime Text

Sublime Text具有漂亮的用户界面和强大的功能，例如代码缩略图，Python的插件，代码段等。还可自定义键绑定，菜单和工具栏。Sublime Text 的主要功能包括：拼写检查，书签，完整的 Python API ， Goto 功能，即时项目切换，多选择，多窗口等等。Sublime Text 是一个跨平台的编辑器，同时支持Windows、Linux、Mac OS X等操作系统。

时间: 2025-12-03 大小: 9.84MB 下载: 39次
手机查看

扫码在手机上查看文章

扫描二维码，手机阅读更方便

热门标签
Kubernetes HarmonyOS6 OpenAi Jdk25 SpringBoot4 DeepSeek Service Mesh Nacos3 Rocky SpringCloud Redis Gemini3 Docker

欢迎您来访！

登录后，您将获得更多功能！
热门文章
联系我们

有任何问题或合作意向欢迎联系我们

Email: 99873273@qq.com

QQ: 99873273

用户登录
用户注册