Fragment详解之二——基本使用方法

转载自http://blog.csdn.net/harvic880925/article/details/44927363

前言：依然没有前言……文章写的太快，生活过得太有章程，前言都不知道写什么了……

相关文章：

1、《Fragment详解之一——概述》
2、《Fragment详解之二——基本使用方法》
3、《Fragment详解之三——管理Fragment（1）》
4、《Fragment详解之四——管理Fragment（2）》
5、《Fragment详解之五——Fragment间参数传递》
6、《Fragment详解之六——如何监听fragment中的回退事件与怎样保存fragment状态》

上一篇给大家简单说了说Fragment是用来做什么的及生命周期的问题，这篇我们就用实例来看看我们在代码中如何使用Fragment；

在这里我们全部使用Android-support-v4.jar包里Fragment，不用系统自带的Fragment；这两个基本一样，但V4包中的相对功能更强大一些。

一、静态添加Fragment

新建一个项目harvicBlog2Static，在其中添加一个布局：fragment1.xml:

[html]  view plain  copy

 

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 plain  copy

 

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 plain  copy

 

1. import android.os.Bundle;  
2. import android.support.v4.app.Fragment;  
3. import android.view.LayoutInflater;  
4. import android.view.View;  
5. import android.view.ViewGroup;  
6.   
7. /** 
8.  * Created by harvic on 2015/4/5. 
9.  */  
10. public class Fragment1 extends Fragment {  
11.     @Override  
12.     public View onCreateView(LayoutInflater inflater, ViewGroup container, Bundle savedInstanceState) {  
13.         return inflater.inflate(R.layout.fragment1, container, false);  
14.     }  
15. }  

注意，使用的V4包中的Fragment！ 这里的代码主要就是加载了我们刚刚写好的fragment1.xml布局文件并返回。同样的方法，我们再写好Fragment2 ：

[java]  view plain  copy

 

1. import android.os.Bundle;  
2. import android.support.v4.app.Fragment;  
3. import android.view.LayoutInflater;  
4. import android.view.View;  
5. import android.view.ViewGroup;  
6.   
7. /** 
8.  * Created by harvic on 2015/4/5. 
9.  */  
10. public class Fragment2 extends Fragment {  
11.     @Override  
12.     public View onCreateView(LayoutInflater inflater, ViewGroup container, Bundle savedInstanceState) {  
13.         return inflater.inflate(R.layout.fragment2, container, false);  
14.     }  
15. }  

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

[java]  view plain  copy

 

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.harvic.com.harvicblog2.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.harvic.com.harvicblog2.Fragment2"  
16.         android:layout_width="0dip"  
17.         android:layout_height="match_parent"  
18.         android:layout_weight="1" />  
19.   
20. </LinearLayout>  

至于MainActivity，由于我们使用的V4包，必须将MainActivity派生自FragmentActivity，否则根本无法启动程序！因为系统的Activity只能用来盛装系统自带的Fragment，而无法盛装V4包中的Fragment，因为系统的Activity根本无法识别V4包中的Fragment，因为这根本就不是一块的代码！如果不使用V4包，使用系统自带的Fragment则不必将MainActivity派生自FragmentActivity。

[java]  view plain  copy

 

1. import android.os.Bundle;  
2. import android.support.v4.app.FragmentActivity;  
3.   
4. public class MainActivity extends FragmentActivity {  
5.   
6.     @Override  
7.     protected void onCreate(Bundle savedInstanceState) {  
8.         super.onCreate(savedInstanceState);  
9.         setContentView(R.layout.activity_main);  
10.     }  
11. }  

效果图如下：

源码在文章最底部给出

二、动态添加Fragment

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

还是在上一节代码的基础上修改，打开activity_main.xml，将其中代码全部删除，改成下面的样子：

[html]  view plain  copy

 

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:baselineAligned="false" >  
6.   
7.     <Button  
8.         android:id="@+id/btn_show_fragment1"  
9.         android:layout_width="match_parent"  
10.         android:layout_height="wrap_content"  
11.         android:text="显示Fragment1"/>  
12.   
13.     <Button  
14.         android:id="@+id/btn_show_fragment2"  
15.         android:layout_width="match_parent"  
16.         android:layout_height="wrap_content"  
17.         android:text="显示Fragment2"/>  
18.   
19.     <FrameLayout  
20.         android:id="@+id/fragment_container"  
21.         android:layout_width="match_parent"  
22.         android:layout_height="match_parent"/>  
23.   
24. </LinearLayout>  

主界面上有两个按钮和一个FrameLayout布局。这两个按钮分别用来在这个FrameLayout加载Fragment1和Fragment2的实例。效果如下：
（由于在录GIF时，绿色会出问题，所以把fragment1的背景改成了紫色）

其它代码都没有动，主要的是在MainActivity里，点击这两个按钮时做的处理：

[java]  view plain  copy

 

1. public class MainActivity extends FragmentActivity {  
2.   
3.     @Override  
4.     protected void onCreate(Bundle savedInstanceState) {  
5.         super.onCreate(savedInstanceState);  
6.         setContentView(R.layout.activity_main);  
7.   
8.         Button btnLoadFrag1 = (Button)findViewById(R.id.btn_show_fragment1);  
9.         btnLoadFrag1.setOnClickListener(new View.OnClickListener() {  
10.             @Override  
11.             public void onClick(View v) {  
12.                 FragmentManager manager = getSupportFragmentManager();  
13.                 FragmentTransaction transaction = manager.beginTransaction();  
14.                 Fragment1 fragment1 = new Fragment1();  
15.                 transaction.add(R.id.fragment_container, fragment1);  
16.                 transaction.commit();  
17.             }  
18.         });  
19.   
20.         Button btnLoagFrag2 = (Button)findViewById(R.id.btn_show_fragment2);  
21.         btnLoagFrag2.setOnClickListener(new View.OnClickListener() {  
22.             @Override  
23.             public void onClick(View v) {  
24.                 FragmentManager manager = getSupportFragmentManager();  
25.                 FragmentTransaction transaction = manager.beginTransaction();  
26.                 Fragment2 fragment2 = new Fragment2();  
27.                 transaction.add(R.id.fragment_container, fragment2);  
28.                 transaction.commit();  
29.             }  
30.         });  
31.     }  
32. }  

看上面的代码很容易明白，在点击按钮时都做了类似的操作：

[java]  view plain  copy

 

1. FragmentManager manager = getSupportFragmentManager();  
2. FragmentTransaction transaction = manager.beginTransaction();  
3. Fragment1 fragment1 = new Fragment1();  
4. transaction.add(R.id.fragment_container, fragment1);  
5. transaction.commit();  

动态添加Fragment主要分为4步：

• 1.获取到FragmentManager，在V4包中通过getSupportFragmentManager，在系统中原生的Fragment是通过getFragmentManager获得的。
• 2.开启一个事务，通过调用beginTransaction方法开启。
• 3.向容器内加入Fragment，一般使用add或者replace方法实现，需要传入容器的id和Fragment的实例。
• 4.提交事务，调用commit方法提交。 

这部分有关fragment的操作看不大懂也没关系，下节我们会具体讲有关Fragment的管理！