码迷，mamicode.com
首页 > 移动开发 > 详细

关于Android Fragment基础点(转)

时间：2014-10-16 16:38:53      阅读：148      评论：0      收藏：0      [点我收藏+]

标签：des   android   style   blog   http   color   io   使用   ar   

我们都知道，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中，如下图所示：

bubuko.com,布布扣

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

bubuko.com,布布扣

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

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

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

[html] view plaincopy
  1. <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"  
  2.     android:layout_width="match_parent"  
  3.     android:layout_height="match_parent"  
  4.     android:background="#00ff00" >  
  5.   
  6.     <TextView  
  7.         android:layout_width="wrap_content"  
  8.         android:layout_height="wrap_content"  
  9.         android:text="This is fragment 1"  
  10.         android:textColor="#000000"  
  11.         android:textSize="25sp" />  
  12.   
  13. </LinearLayout>  

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

[html] view plaincopy
  1. <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"  
  2.     android:layout_width="match_parent"  
  3.     android:layout_height="match_parent"  
  4.     android:background="#ffff00" >  
  5.   
  6.     <TextView  
  7.         android:layout_width="wrap_content"  
  8.         android:layout_height="wrap_content"  
  9.         android:text="This is fragment 2"  
  10.         android:textColor="#000000"  
  11.         android:textSize="25sp" />  
  12.   
  13. </LinearLayout>  

然后新建一个类Fragment1，这个类是继承自Fragment的：

[java] view plaincopy
  1. public class Fragment1 extends Fragment {  
  2.   
  3.     @Override  
  4.     public View onCreateView(LayoutInflater inflater, ViewGroup container, Bundle savedInstanceState) {  
  5.         return inflater.inflate(R.layout.fragment1, container, false);  
  6.     }  
  7.   
  8. }  

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

[java] view plaincopy
  1. public class Fragment2 extends Fragment {  
  2.   
  3.     @Override  
  4.     public View onCreateView(LayoutInflater inflater, ViewGroup container, Bundle savedInstanceState) {  
  5.         return inflater.inflate(R.layout.fragment2, container, false);  
  6.     }  
  7.   
  8. }  

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

[html] view plaincopy
  1. <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"  
  2.     android:layout_width="match_parent"  
  3.     android:layout_height="match_parent"  
  4.     android:baselineAligned="false" >  
  5.   
  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" />  
  12.   
  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" />  
  19.   
  20. </LinearLayout>  

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

[java] view plaincopy
  1. public class MainActivity extends Activity {  
  2.   
  3.     @Override  
  4.     protected void onCreate(Bundle savedInstanceState) {  
  5.         super.onCreate(savedInstanceState);  
  6.         setContentView(R.layout.activity_main);  
  7.     }  
  8.   
  9. }  

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

bubuko.com,布布扣

动态添加Fragment

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

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

[html] view plaincopy
  1. <LinearLayout xmlns: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" >  
  6.   
  7. </LinearLayout>  

然后打开MainActivity，修改其中的代码如下所示：

[java] view plaincopy
  1. public class MainActivity extends Activity {  
  2.   
  3.     @Override  
  4.     protected void onCreate(Bundle savedInstanceState) {  
  5.         super.onCreate(savedInstanceState);  
  6.         setContentView(R.layout.activity_main);  
  7.         Display display = getWindowManager().getDefaultDisplay();  
  8.         if (display.getWidth() > display.getHeight()) {  
  9.             Fragment1 fragment1 = new Fragment1();  
  10.             getFragmentManager().beginTransaction().replace(R.id.main_layout, fragment1).commit();  
  11.         } else {  
  12.             Fragment2 fragment2 = new Fragment2();  
  13.             getFragmentManager().beginTransaction().replace(R.id.main_layout, fragment2).commit();  
  14.         }  
  15.     }  
  16.   
  17. }  

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

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

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

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

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

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

bubuko.com,布布扣

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

                                bubuko.com,布布扣

Fragment的生命周期

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

[java] view plaincopy
  1. public class Fragment1 extends Fragment {  
  2.     public static final String TAG = "Fragment1";  
  3.   
  4.     @Override  
  5.     public View onCreateView(LayoutInflater inflater, ViewGroup container, Bundle savedInstanceState) {  
  6.         Log.d(TAG, "onCreateView");  
  7.         return inflater.inflate(R.layout.fragment1, container, false);  
  8.     }  
  9.   
  10.     @Override  
  11.     public void onAttach(Activity activity) {  
  12.         super.onAttach(activity);  
  13.         Log.d(TAG, "onAttach");  
  14.     }  
  15.   
  16.     @Override  
  17.     public void onCreate(Bundle savedInstanceState) {  
  18.         super.onCreate(savedInstanceState);  
  19.         Log.d(TAG, "onCreate");  
  20.     }  
  21.   
  22.     @Override  
  23.     public void onActivityCreated(Bundle savedInstanceState) {  
  24.         super.onActivityCreated(savedInstanceState);  
  25.         Log.d(TAG, "onActivityCreated");  
  26.     }  
  27.   
  28.     @Override  
  29.     public void onStart() {  
  30.         super.onStart();  
  31.         Log.d(TAG, "onStart");  
  32.     }  
  33.   
  34.     @Override  
  35.     public void onResume() {  
  36.         super.onResume();  
  37.         Log.d(TAG, "onResume");  
  38.     }  
  39.   
  40.     @Override  
  41.     public void onPause() {  
  42.         super.onPause();  
  43.         Log.d(TAG, "onPause");  
  44.     }  
  45.   
  46.     @Override  
  47.     public void onStop() {  
  48.         super.onStop();  
  49.         Log.d(TAG, "onStop");  
  50.     }  
  51.   
  52.     @Override  
  53.     public void onDestroyView() {  
  54.         super.onDestroyView();  
  55.         Log.d(TAG, "onDestroyView");  
  56.     }  
  57.   
  58.     @Override  
  59.     public void onDestroy() {  
  60.         super.onDestroy();  
  61.         Log.d(TAG, "onDestroy");  
  62.     }  
  63.   
  64.     @Override  
  65.     public void onDetach() {  
  66.         super.onDetach();  
  67.         Log.d(TAG, "onDetach");  
  68.     }  
  69.   
  70. }  

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

bubuko.com,布布扣

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

bubuko.com,布布扣

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

bubuko.com,布布扣

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

bubuko.com,布布扣

看到这里，我相信大多数朋友已经非常明白了，因为这和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 plaincopy
  1. <LinearLayout xmlns: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" >  
  6.   
  7.     <TextView  
  8.         android:layout_width="wrap_content"  
  9.         android:layout_height="wrap_content"  
  10.         android:text="This is fragment 2"  
  11.         android:textColor="#000000"  
  12.         android:textSize="25sp" />  
  13.       
  14.     <Button   
  15.         android:id="@+id/button"  
  16.         android:layout_width="wrap_content"  
  17.         android:layout_height="wrap_content"  
  18.         android:text="Get fragment1 text"  
  19.         />  
  20.   
  21. </LinearLayout>  

然后打开fragment1.xml，为TextView添加一个id：

[html] view plaincopy
  1. <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"  
  2.     android:layout_width="match_parent"  
  3.     android:layout_height="match_parent"  
  4.     android:background="#00ff00" >  
  5.   
  6.     <TextView  
  7.         android:id="@+id/fragment1_text"  
  8.         android:layout_width="wrap_content"  
  9.         android:layout_height="wrap_content"  
  10.         android:text="This is fragment 1"  
  11.         android:textColor="#000000"  
  12.         android:textSize="25sp" />  
  13.   
  14. </LinearLayout>  

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

[java] view plaincopy
  1. public class Fragment2 extends Fragment {  
  2.   
  3.     @Override  
  4.     public View onCreateView(LayoutInflater inflater, ViewGroup container, Bundle savedInstanceState) {  
  5.         return inflater.inflate(R.layout.fragment2, container, false);  
  6.     }  
  7.   
  8.     @Override  
  9.     public void onActivityCreated(Bundle savedInstanceState) {  
  10.         super.onActivityCreated(savedInstanceState);  
  11.         Button button = (Button) getActivity().findViewById(R.id.button);  
  12.         button.setOnClickListener(new OnClickListener() {  
  13.             @Override  
  14.             public void onClick(View v) {  
  15.                 TextView textView = (TextView) getActivity().findViewById(R.id.fragment1_text);  
  16.                 Toast.makeText(getActivity(), textView.getText(), Toast.LENGTH_LONG).show();  
  17.             }  
  18.         });  
  19.     }  
  20.   
  21. }  

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

bubuko.com,布布扣

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

关于Android Fragment基础点(转)

标签：des   android   style   blog   http   color   io   使用   ar   

原文地址：http://www.cnblogs.com/xiekai-android/p/4028770.html
踩
(0)
赞
(0)
   
举报
评论 一句话评论（0）
登录后才能评论！
分享档案
更多>
2021年07月29日 (22)
2021年07月28日 (40)
2021年07月27日 (32)
2021年07月26日 (79)
2021年07月23日 (29)
2021年07月22日 (30)
2021年07月21日 (42)
2021年07月20日 (16)
2021年07月19日 (90)
2021年07月16日 (35)
周排行
mamicode.com排行更多图片
更多
友情链接
兰亭集智   国之画   百度统计   站长统计   阿里云   chrome插件   新版天听网
关于我们 - 联系我们 - 留言反馈
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码！