Android Fragment完全解析，关于碎片你所需知道的一切

分类：android开发 2013-11-21 15:50 15人阅读 评论(0) 收藏 举报 转载请注明出处： http://blog.csdn.net/guolin_blog/article/details/8881711

我们都知道，Android上的界面展示都是通过Activity实现的，Activity实在是太常用了，我相信大家都已经非常熟悉了，这里就不再赘述。

但是Activity也有它的局限性，同样的界面在手机上显示可能很好看，在平板上就未必了，因为平板的屏幕非常大，手机的界面放在平板上可能会有过分被拉长、控件间距过大等情况。这个时候更好的体验效果是在Activity中嵌入"小Activity"，然后每个"小Activity"又可以拥有自己的布局。因此，我们今天的主角Fragment登场了。

Fragment初探

为了让界面可以在平板上更好地展示，Android在3.0版本引入了Fragment(碎片)功能，它非常类似于Activity，可以像Activity一样包含布局。Fragment通常是嵌套在Activity中使用的，现在想象这种场景：有两个Fragment，Fragment 1包含了一个ListView，每行显示一本书的标题。Fragment 2包含了TextView和ImageView，来显示书的详细内容和图片。

如果现在程序运行竖屏模式的平板或手机上，Fragment 1可能嵌入在一个Activity中，而Fragment 2可能嵌入在另一个Activity中，如下图所示：

而如果现在程序运行在横屏模式的平板上，两个Fragment就可以嵌入在同一个Activity中了，如下图所示：

由此可以看出，使用Fragment可以让我们更加充分地利用平板的屏幕空间，下面我们一起来探究下如何使用Fragment。

首先需要注意，Fragment是在3.0版本引入的，如果你使用的是3.0之前的系统，需要先导入android-support-v4的jar包才能使用Fragment功能。

新建一个项目叫做Fragments，然后在layout文件夹下新建一个名为fragment1.xml的布局文件：

[html] view plain copy

1. <LinearLayoutxmlns:android="http://schemas.android.com/apk/res/android"
2. android:layout_width="match_parent"
3. android:layout_height="match_parent"
4. android:background="#00ff00">
6. <TextView
7. android:layout_width="wrap_content"
8. android:layout_height="wrap_content"
9. android:text="Thisisfragment1"
10. android:textColor="#000000"
11. android:textSize="25sp"/>
13. </LinearLayout>

可以看到，这个布局文件非常简单，只有一个LinearLayout，里面加入了一个TextView。我们如法炮制再新建一个fragment2.xml ：

[html] view plain copy

1. <LinearLayoutxmlns:android="http://schemas.android.com/apk/res/android"
2. android:layout_width="match_parent"
3. android:layout_height="match_parent"
4. android:background="#ffff00">
6. <TextView
7. android:layout_width="wrap_content"
8. android:layout_height="wrap_content"
9. android:text="Thisisfragment2"
10. android:textColor="#000000"
11. android:textSize="25sp"/>
13. </LinearLayout>

然后新建一个类Fragment1，这个类是继承自Fragment的： [java] view plain copy

1. publicclassFragment1extendsFragment{
3. @Override
4. publicViewonCreateView(LayoutInflaterinflater,ViewGroupcontainer,BundlesavedInstanceState){
5. returninflater.inflate(R.layout.fragment1,container,false);
6. }
8. }

我们可以看到，这个类也非常简单，主要就是加载了我们刚刚写好的fragment1.xml布局文件并返回。同样的方法，我们再写好Fragment2 ： [java] view plain copy

1. publicclassFragment2extendsFragment{
3. @Override
4. publicViewonCreateView(LayoutInflaterinflater,ViewGroupcontainer,BundlesavedInstanceState){
5. returninflater.inflate(R.layout.fragment2,container,false);
6. }
8. }

然后打开或新建activity_main.xml作为主Activity的布局文件，在里面加入两个Fragment的引用，使用android:name前缀来引用具体的Fragment： [html] view plain copy

1. <LinearLayoutxmlns:android="http://schemas.android.com/apk/res/android"
2. android:layout_width="match_parent"
3. android:layout_height="match_parent"
4. android:baselineAligned="false">
6. <fragment
7. android:id="@+id/fragment1"
8. android:name="com.example.fragmentdemo.Fragment1"
9. android:layout_width="0dip"
10. android:layout_height="match_parent"
11. android:layout_weight="1"/>
13. <fragment
14. android:id="@+id/fragment2"
15. android:name="com.example.fragmentdemo.Fragment2"
16. android:layout_width="0dip"
17. android:layout_height="match_parent"
18. android:layout_weight="1"/>
20. </LinearLayout>

最后打开或新建MainActivity作为程序的主Activity，里面的代码非常简单，都是自动生成的： [java] view plain copy

1. publicclassMainActivityextendsActivity{
3. @Override
4. protectedvoidonCreate(BundlesavedInstanceState){
5. super.onCreate(savedInstanceState);
6. setContentView(R.layout.activity_main);
7. }
9. }

现在我们来运行一次程序，就会看到，一个Activity很融洽地包含了两个Fragment，这两个Fragment平分了整个屏幕，效果图如下：

动态添加Fragment

你已经学会了如何在XML中使用Fragment，但是这仅仅是Fragment最简单的功能而已。Fragment真正的强大之处在于可以动态地添加到Activity当中，因此这也是你必须要掌握的东西。当你学会了在程序运行时向Activity添加Fragment，程序的界面就可以定制的更加多样化。下面我们立刻来看看，如何动态添加Fragment。

还是在上一节代码的基础上修改，打开activity_main.xml，将其中对Fragment的引用都删除，只保留最外层的LinearLayout，并给它添加一个id，因为我们要动态添加Fragment，不用在XML里添加了，删除后代码如下：

[html] view plain copy

1. <LinearLayoutxmlns:android="http://schemas.android.com/apk/res/android"
2. android:id="@+id/main_layout"
3. android:layout_width="match_parent"
4. android:layout_height="match_parent"
5. android:baselineAligned="false">
7. </LinearLayout>

然后打开MainActivity，修改其中的代码如下所示： [java] view plain copy

1. publicclassMainActivityextendsActivity{
3. @Override
4. protectedvoidonCreate(BundlesavedInstanceState){
5. super.onCreate(savedInstanceState);
6. setContentView(R.layout.activity_main);
7. Displaydisplay=getWindowManager().getDefaultDisplay();
8. if(display.getWidth()>display.getHeight()){
9. Fragment1fragment1=newFragment1();
10. getFragmentManager().beginTransaction().replace(R.id.main_layout,fragment1).commit();
11. }else{
12. Fragment2fragment2=newFragment2();
13. getFragmentManager().beginTransaction().replace(R.id.main_layout,fragment2).commit();
14. }
15. }
17. }

首先，我们要获取屏幕的宽度和高度，然后进行判断，如果屏幕宽度大于高度就添加fragment1，如果高度大于宽度就添加fragment2。动态添加Fragment主要分为4步：

1.获取到FragmentManager，在Activity中可以直接通过getFragmentManager得到。

2.开启一个事务，通过调用beginTransaction方法开启。

3.向容器内加入Fragment，一般使用replace方法实现，需要传入容器的id和Fragment的实例。

4.提交事务，调用commit方法提交。

现在运行一下程序，效果如下图所示：

如果你是在使用模拟器运行，按下ctrl + F11切换到竖屏模式。效果如下图所示：

Fragment的生命周期

和Activity一样，Fragment也有自己的生命周期，理解Fragment的生命周期非常重要，我们通过代码的方式来瞧一瞧Fragment的生命周期是什么样的：

[java] view plain copy

1. publicclassFragment1extendsFragment{
2. publicstaticfinalStringTAG="Fragment1";
4. @Override
5. publicViewonCreateView(LayoutInflaterinflater,ViewGroupcontainer,BundlesavedInstanceState){
6. Log.d(TAG,"onCreateView");
7. returninflater.inflate(R.layout.fragment1,container,false);
8. }
10. @Override
11. publicvoidonAttach(Activityactivity){
12. super.onAttach(activity);
13. Log.d(TAG,"onAttach");
14. }
16. @Override
17. publicvoidonCreate(BundlesavedInstanceState){
18. super.onCreate(savedInstanceState);
19. Log.d(TAG,"onCreate");
20. }
22. @Override
23. publicvoidonActivityCreated(BundlesavedInstanceState){
24. super.onActivityCreated(savedInstanceState);
25. Log.d(TAG,"onActivityCreated");
26. }
28. @Override
29. publicvoidonStart(){
30. super.onStart();
31. Log.d(TAG,"onStart");
32. }
34. @Override
35. publicvoidonResume(){
36. super.onResume();
37. Log.d(TAG,"onResume");
38. }
40. @Override
41. publicvoidonPause(){
42. super.onPause();
43. Log.d(TAG,"onPause");
44. }
46. @Override
47. publicvoidonStop(){
48. super.onStop();
49. Log.d(TAG,"onStop");
50. }
52. @Override
53. publicvoidonDestroyView(){
54. super.onDestroyView();
55. Log.d(TAG,"onDestroyView");
56. }
58. @Override
59. publicvoidonDestroy(){
60. super.onDestroy();
61. Log.d(TAG,"onDestroy");
62. }
64. @Override
65. publicvoidonDetach(){
66. super.onDetach();
67. Log.d(TAG,"onDetach");
68. }
70. }

可以看到，上面的代码在每个生命周期的方法里都打印了日志，然后我们来运行一下程序，可以看到打印日志如下：

这时点击一下home键，打印日志如下：

如果你再重新进入进入程序，打印日志如下：

然后点击back键退出程序，打印日志如下：

看到这里，我相信大多数朋友已经非常明白了，因为这和Activity的生命周期太相似了。只是有几个Activity中没有的新方法，这里需要重点介绍一下：

• onAttach方法：Fragment和Activity建立关联的时候调用。
• onCreateView方法：为Fragment加载布局时调用。
• onActivityCreated方法：当Activity中的onCreate方法执行完后调用。
• onDestroyView方法：Fragment中的布局被移除时调用。
• onDetach方法：Fragment和Activity解除关联的时候调用。

Fragment之间进行通信

通常情况下，Activity都会包含多个Fragment，这时多个Fragment之间如何进行通信就是个非常重要的问题了。我们通过一个例子来看一下，如何在一个Fragment中去访问另一个Fragment的视图。

还是在第一节代码的基础上修改，首先打开fragment2.xml，在这个布局里面添加一个按钮：

[html] view plain copy

1. <LinearLayoutxmlns:android="http://schemas.android.com/apk/res/android"
2. android:layout_width="match_parent"
3. android:layout_height="match_parent"
4. android:orientation="vertical"
5. android:background="#ffff00">
7. <TextView
8. android:layout_width="wrap_content"
9. android:layout_height="wrap_content"
10. android:text="Thisisfragment2"
11. android:textColor="#000000"
12. android:textSize="25sp"/>
14. <Button
15. android:id="@+id/button"
16. android:layout_width="wrap_content"
17. android:layout_height="wrap_content"
18. android:text="Getfragment1text"
19. />
21. </LinearLayout>

然后打开fragment1.xml，为TextView添加一个id： [html] view plain copy

1. <LinearLayoutxmlns:android="http://schemas.android.com/apk/res/android"
2. android:layout_width="match_parent"
3. android:layout_height="match_parent"
4. android:background="#00ff00">
6. <TextView
7. android:id="@+id/fragment1_text"
8. android:layout_width="wrap_content"
9. android:layout_height="wrap_content"
10. android:text="Thisisfragment1"
11. android:textColor="#000000"
12. android:textSize="25sp"/>
14. </LinearLayout>

接着打开Fragment2.java，添加onActivityCreated方法，并处理按钮的点击事件： [java] view plain copy

1. publicclassFragment2extendsFragment{
3. @Override
4. publicViewonCreateView(LayoutInflaterinflater,ViewGroupcontainer,BundlesavedInstanceState){
5. returninflater.inflate(R.layout.fragment2,container,false);
6. }
8. @Override
9. publicvoidonActivityCreated(BundlesavedInstanceState){
10. super.onActivityCreated(savedInstanceState);
11. Buttonbutton=(Button)getActivity().findViewById(R.id.button);
12. button.setOnClickListener(newOnClickListener(){
13. @Override
14. publicvoidonClick(Viewv){
15. TextViewtextView=(TextView)getActivity().findViewById(R.id.fragment1_text);
16. Toast.makeText(getActivity(),textView.getText(),Toast.LENGTH_LONG).show();
17. }
18. });
19. }
21. }

现在运行一下程序，并点击一下fragment2上的按钮，效果如下图所示：

我们可以看到，在fragment2中成功获取到了fragment1中的视图，并弹出Toast。这是怎么实现的呢？主要都是通过getActivity这个方法实现的。getActivity方法可以让Fragment获取到关联的Activity，然后再调用Activity的findViewById方法，就可以获取到和这个Activity关联的其它Fragment的视图了。

好了，以上就是关于Fragment你所须知道的一切。如果想要切身体验一下Fragment的实战，请继续阅读Android手机平板两不误，使用Fragment实现兼容手机和平板的程序以及Android Fragment应用实战，使用碎片向ActivityGroup说再见。

更多相关文章

1. Android(安卓)Studio代码调试技巧篇
2. Android(安卓)SDK中tools详解
3. View事件传递分析
4. Android通过startService播放背景音乐简单示例
5. Android之Intent全面解析及用法
6. Android音量相关知识总结（三）调节音量流程梳理
7. mac 系统中Android(安卓)studio的一些快捷键
8. android实现动画效果的方法onDrawFrame
9. Android(安卓)HandlerThread全面解析

随机推荐

1. Android(安卓)基于GeolocationAPI的基站
2. android之简单的计算器样式界面
3. Android(安卓)ActivityManager工具类
4. Android圆形进度条
5. Android(安卓)OneDayOneExample－1.页面互
6. Android的第一个入门简单例子
7. Android(安卓)Studio, gradle and NDK in
8. Android: Bluetooth profile
9. ANDROID截屏
10. Android(安卓)Verified Boot 2.0