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
  在CODE上查看代码片 派生到我的代码片
  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
  在CODE上查看代码片 派生到我的代码片
  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
  在CODE上查看代码片 派生到我的代码片
  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
  在CODE上查看代码片 派生到我的代码片
  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
  在CODE上查看代码片 派生到我的代码片
  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
  在CODE上查看代码片 派生到我的代码片
  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
  在CODE上查看代码片 派生到我的代码片
  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
  在CODE上查看代码片 派生到我的代码片
  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
  在CODE上查看代码片 派生到我的代码片
  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的管理!
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值