Fragment 第二步了解,延续上一章继续本章的静态和动态添加Fragment

话不多说直接进入主题

一、静态添加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方法提交。 


阅读更多
想对作者说点什么?

博主推荐

换一批

没有更多推荐了,返回首页