Android之Fragment学习笔记①

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

一. 什么是Fragment
Fragment（碎片）就是小型的Activity，它是在Android3.0时出现的。Fragment是表现Activity中UI的一个行为或者一部分。
可以把fragment想象成activity的一个模块化区域，有它自己的生命周期，接收属于它自己的输入事件，并且可以在activity运行期间添加和删除（有点像一个可以在不同的activity中重用的“子Activity”）。
Fragment必须被嵌入到一个activity中。它们的生命周期直接受其宿主activity的生命周期影响。当一个activity正在运行时，就可以独立地操作每一个Fragment，比如添加或删除它们。
Fragment可以定义自己的布局、生命周期回调方法，因此可以将fragment重用到多个activity中，因此可以根据不同的屏幕尺寸或者使用场合改变fragment组合。

二. 如何创建一个Fragment
1、为Fragment定义一个布局
2、定义类继承Fragment
3、重写类中的onCreateView方法，返回一个View对象作为当前Fragment的布局。
fragment第一次绘制它的用户界面的时候，系统会调用onCreateView()方法。为了绘制fragment的UI，此方法必须返回一个作为fragment布局的根的view。如果fragment不提供UI，可以返回null。

代码：如Fragment01和Fragment02所示。

三. 如何将Fragment添加到Activity
Activity必须在清单文件中进行声明，但是Fragment不需要，Fragment只需要在Activity的布局文件layout_main.xml中声明就可以了。

 <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
     android:layout_width="match_parent"
     android:layout_height="match_parent"
     android:baselineAligned="false" >  

     <fragment
         android:id="@+id/fragment1"
         android:name="com.example.fragmentdemo.Fragment01"
         android:layout_width="0dip"
         android:layout_height="match_parent"
         android:layout_weight="1" />  

     <fragment
         android:id="@+id/fragment2"
         android:name="com.example.fragmentdemo.Fragment02"
         android:layout_width="0dip"
         android:layout_height="match_parent"
         android:layout_weight="1" />  

 </LinearLayout> 

Fragment的代码：

 package com.example.fragmentdemo;

 import android.app.Fragment;
 import android.os.Bundle;
 import android.view.LayoutInflater;
 import android.view.View;
 import android.view.ViewGroup;

 /**
  * Created by gary on 2016/4/12.
  */
 public class Fragment01 extends Fragment {
     @Override
     public View onCreateView(LayoutInflater inflater, ViewGroup container, Bundle savedInstanceState) {
         //return super.onCreateView(inflater, container, savedInstanceState);
         return inflater.inflate(R.layout.fragment1,container,false);
     }
 }

 package com.example.fragmentdemo;

 import android.app.Fragment;
 import android.os.Bundle;
 import android.view.LayoutInflater;
 import android.view.View;
 import android.view.ViewGroup;

 /**
  * Created by gary on 2016/4/12.
  */
 public class Fragment02 extends Fragment {
     @Override
     public View onCreateView(LayoutInflater inflater, ViewGroup container, Bundle savedInstanceState) {
         //return super.onCreateView(inflater, container, savedInstanceState);
         return inflater.inflate(R.layout.fragment1,container,false);
     }
 }

Fragment的布局文件

 fragment1.xml
 <?xml version="1.0" encoding="utf-8"?>
 <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
     android:layout_width="match_parent"
     android:layout_height="match_parent"
     android:background="#00ff00">

     <TextView
         android:layout_width="wrap_content"
         android:layout_height="wrap_content"
         android:text="第一个Fragment"
         android:textColor="#ff0000"
         android:textSize="25sp"/>

 </LinearLayout>

 ------------------------
 fragment2.xml
 <?xml version="1.0" encoding="utf-8"?>
 <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
     android:layout_width="match_parent"
     android:layout_height="match_parent"
     android:background="#ff0000">

     <TextView
         android:layout_width="wrap_content"
         android:layout_height="wrap_content"
         android:text="第二个Fragment"
         android:textColor="#00ff00"
         android:textSize="25sp"/>

 </LinearLayout>

Activity代码：

 package com.example.fragmentdemo;

 import android.app.Activity;
 import android.os.Bundle;

 /**
  * Created by gary on 2016/4/12.
  */
 public class MainActivity extends Activity {

     @Override
     protected void onCreate(Bundle savedInstanceState) {
         super.onCreate(savedInstanceState);
         setContentView(R.layout.layout_main);
     }
 }

效果：

http://i.cnblogs.com/EditPosts.aspx?postid=5380639

注意：代码中的四个属性是必须的要给的，“android:name”属性：指定了在layout中实例化的Fragment类是哪个。

当系统创建这个activitylayout时，它实例化每一个在layout中指定的Fragment，并调用它们的onCreateView()方法，来获取每一个Fragment的layout，系统将从Fragment返回的View直接插入到<fragment>元素所在的地方。

四. 如何动态何切换Fragment

要在Activity中管理Fragment，需要四步

1. 获取FragmentManger对象，在Activity可以通过getFragementManager()来获取实例。

  //1.获取Fragment管理器对象
  FragmentManager manager = getFragmentManager();

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

  //2. 开启事务
   FragmentTransaction transaction = manager.beginTransaction();

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

  //3. 将FrameLayout控件替换成Fragment对象
    transaction.replace(R.id.frame, new GamesFragment());

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

 //4. 提交事务
   transaction.commit();

案例：点击不同的按钮切换到不同的Fragment进行显示。

具体实现步骤：

1. 设置布局文件layout_main.xml中添加三个按钮用于切换Fragment,并在按钮下方添加一个FrameLayout用来替换成相应的Fragment布局。

 <?xml version="1.0" encoding="utf-8"?>
 <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
     android:layout_width="match_parent"
     android:layout_height="match_parent"
     android:orientation="vertical">
     <LinearLayout
         android:layout_width="match_parent"
         android:layout_height="wrap_content"
         android:orientation="horizontal">

         <Button
             android:layout_width="wrap_content"
             android:layout_height="wrap_content"
             android:layout_weight="1"
             android:text="新闻"
             android:onClick="news"/>
         <Button
             android:layout_width="wrap_content"
             android:layout_height="wrap_content"
             android:layout_weight="1"
             android:text="体育"
             android:onClick="sports"/>
         <Button
             android:layout_width="wrap_content"
             android:layout_height="wrap_content"
             android:layout_weight="1"
             android:text="游戏"
             android:onClick="games"/>

     </LinearLayout>
 <FrameLayout
     android:layout_width="match_parent"
     android:layout_height="wrap_content"
     android:id="@+id/frame"/>

 </LinearLayout>

2. 创建Fragment的布局文件，fragment_news.xml

 <?xml version="1.0" encoding="utf-8"?>
 <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
     android:layout_width="match_parent"
     android:layout_height="match_parent">

     <TextView
         android:layout_width="match_parent"
         android:layout_height="match_parent"
         android:text="新闻栏目"
         android:textSize="28sp"
         android:textColor="#0000ff"/>
 </LinearLayout>

fragment_sports.xml

 <?xml version="1.0" encoding="utf-8"?>
 <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
     android:layout_width="match_parent"
     android:layout_height="match_parent">
     <TextView
         android:layout_width="match_parent"
         android:layout_height="match_parent"
         android:text="体育栏目"
         android:textSize="28sp"
         android:textColor="#ff0000"/>
 </LinearLayout>

fragment_games.xml

 <?xml version="1.0" encoding="utf-8"?>
 <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
     android:layout_width="match_parent"
     android:layout_height="match_parent">
     <TextView
         android:layout_width="match_parent"
         android:layout_height="match_parent"
         android:text="游戏栏目"
         android:textSize="28sp"
         android:textColor="#00ff00"/>
 </LinearLayout>

3. 创建三个Fragment，SportsFragment、NewsFragment、GameFragment。

 public class NewsFragment extends Fragment {
     @Override
     public View onCreateView(LayoutInflater inflater, ViewGroup container, Bundle savedInstanceState) {
        // return super.onCreateView(inflater, container, savedInstanceState);
         return inflater.inflate(R.layout.fragment_news,null);
     }
 }

SportFragment和GamesFragment中代码和NewsFragment相似。

4. 添加切换Fragment的逻辑，分别添加新闻、体育、游戏的点击事件。

 public class MainActivity extends Activity {
     @Override
     protected void onCreate(Bundle savedInstanceState) {
         super.onCreate(savedInstanceState);
         setContentView(R.layout.layout_main);
     }

     public void news(View v){
         //获取Fragment管理器对象
         FragmentManager manager = getFragmentManager();
         //开启事务
         FragmentTransaction transaction = manager.beginTransaction();
         //将FrameLayout控件替换成Fragment对象
         transaction.replace(R.id.frame, new NewsFragment());
         //提交事务
         transaction.commit();
     }
     public void games(View v){
         //获取Fragment管理器对象
         FragmentManager manager = getFragmentManager();
         //开启事务
         FragmentTransaction transaction = manager.beginTransaction();
         //将FrameLayout控件替换成Fragment对象
         transaction.replace(R.id.frame, new GamesFragment());
         //提交事务
         transaction.commit();
     }
     public void sports(View v){
         //获取Fragment管理器对象
         FragmentManager manager = getFragmentManager();
         //开启事务
         FragmentTransaction transaction = manager.beginTransaction();
         //将FrameLayout控件替换成Fragment对象
         transaction.replace(R.id.frame, new SportsFragment());
         //提交事务
         transaction.commit();
     }
 }

sports（）方法、games（）方法同上

5. 运行效果