android Fragment的点点滴滴

一、Fragment的产生与介绍

Android运行在各种各样的设备中，有小屏幕的手机，超大屏的平板甚至电视。针对屏幕尺寸的差距，很多情况下，都是先针对手机开发一套App，然后拷贝一份，修改布局以适应平板神马超级大屏的。难道无法做到一个App可以同时适应手机和平板么，当然了，必须有啊。Fragment的出现就是为了解决这样的问题。你可以把Fragment当成Activity的一个界面的一个组成部分，甚至Activity的界面可以完全有不同的Fragment组成，更帅气的是Fragment拥有自己的生命周期和接收、处理用户的事件，这样就不必在Activity写一堆控件的事件处理的代码了。更为重要的是，你可以动态的添加、替换和移除某个Fragment。

二、Fragment的生命周期

Fragment必须是依存与Activity而存在的，因此Activity的生命周期会直接影响到Fragment的生命周期。官网这张图很好的说明了两者生命周期的关系：

可以看到Fragment比Activity多了几个额外的生命周期回调方法：
onAttach(Activity)
当Fragment与Activity发生关联时调用。
onCreateView(LayoutInflater, ViewGroup,Bundle)
创建该Fragment的视图
onActivityCreated(Bundle)
当Activity的onCreate方法返回时调用
onDestoryView()
与onCreateView想对应，当该Fragment的视图被移除时调用
onDetach()
与onAttach相对应，当Fragment与Activity关联被取消时调用
注意：除了onCreateView，其他的所有方法如果你重写了，必须调用父类对于该方法的实现

三：我的代码

1.动态的使用Fragment

     (动态的添加、更新、以及删除Fragment)

动态使用Fragment,先设计布局

a.子布局main_tab_01.xml<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"

    android:id="@+id/ly_main_weixin"
    android:layout_width="fill_parent"
    android:layout_height="fill_parent"
    android:background="#fcfcfc"
    android:orientation="vertical" >
    
    <include layout="@layout/title_bar"/>

       <TextView 
           android:layout_width="fill_parent"
           android:layout_height="0dp"
           android:layout_weight="1"
           android:gravity="center"
           android:text="this is first tab !"
           android:textColor="#000000"
           android:textSize="30sp"
           />
</LinearLayout>

a.1 子布局main_tab_01.xml对应的代码

package cn.jikexuyuan.com.fragment;

import android.annotation.SuppressLint;

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

@SuppressLint("NewApi")
public class MainTab01 extends Fragment
{
   @Override
   public View onCreateView(LayoutInflater inflater, ViewGroup container, Bundle savedInstanceState)
   {
      return inflater.inflate(cn.jikexuyuan.com.fragment.R.layout.main_tab_01, container, false);
   }
}

b.子布局main_tab_02.xml，main_tab_03.xml，main_tab_04.xml同上

b.子布局main_tab_02.xml，main_tab_03.xml，main_tab_04.xml 对应的代码同上

c.底部布局bottom_bar.xml

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:id="@+id/ly_main_tab_bottom"
    android:layout_width="fill_parent"
    android:layout_height="70dp"
    android:layout_alignParentBottom="false"
    android:background="#FFDEAD" >

    <LinearLayout
        android:layout_width="fill_parent"
        android:layout_height="70dp" >
        <LinearLayout android:id="@+id/id_tab_bottom_weixin"
            android:layout_width="0dp"
            android:layout_height="fill_parent"
            android:layout_weight="1"

            android:gravity="center"
            android:orientation="vertical" >

            <ImageButton
                android:id="@+id/btn_tab_bottom_weixin"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:background="#0000"
                android:clickable="false"
                android:src="@drawable/tab_weixin_pressed" />

            <TextView
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:text="微信" />
        </LinearLayout>
        <LinearLayout android:id="@+id/id_tab_bottom_friend"
            android:layout_width="0dp"
            android:layout_height="fill_parent"
            android:layout_weight="1"
            android:descendantFocusability="beforeDescendants"
            android:gravity="center"
            android:orientation="vertical" >

            <ImageButton
                android:id="@+id/btn_tab_bottom_friend"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:background="#0000"
                android:clickable="false"
                android:src="@drawable/tab_find_frd_normal" />

            <TextView
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:text="朋友" />
        </LinearLayout>
        <LinearLayout android:id="@+id/id_tab_bottom_contact"
            android:layout_width="0dp"
            android:layout_height="fill_parent"
            android:layout_weight="1"
            android:descendantFocusability="beforeDescendants"
            android:gravity="center"
            android:orientation="vertical" >

            <ImageButton
                android:id="@+id/btn_tab_bottom_contact"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:background="#0000"
                android:clickable="false"
                android:src="@drawable/tab_address_normal" />

            <TextView
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:text="通讯录" />
        </LinearLayout>
        <LinearLayout android:id="@+id/id_tab_bottom_setting"
            android:layout_width="0dp"
            android:layout_height="fill_parent"
            android:layout_weight="1"
            android:descendantFocusability="beforeDescendants"
            android:gravity="center"
            android:orientation="vertical" >

            <ImageButton
                android:id="@+id/btn_tab_bottom_setting"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:background="#0000"
                android:clickable="false"
                android:src="@drawable/tab_settings_normal" />

            <TextView
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:text="设置" />
        </LinearLayout>
    </LinearLayout>

</RelativeLayout>

d.主布局：中部使用FrameLayout调用子集，使用include标签引用底部

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

    <FrameLayout
        android:id="@+id/id_content"
        android:layout_width="match_parent"
        android:layout_height="0dp"
        android:layout_weight="1" >
    </FrameLayout>

   <include layout="@layout/bottom_bar"/>

</LinearLayout>

d.1:主页面对应的代码块

import android.annotation.SuppressLint;
import android.app.Activity;
import android.app.FragmentManager;
import android.app.FragmentTransaction;
import android.os.Bundle;
import android.view.View;
import android.view.View.OnClickListener;
import android.view.Window;
import android.widget.ImageButton;
import android.widget.LinearLayout;

public class FragmentMainActivity extends Activity implements OnClickListener
{
   private MainTab02 mTab02;
   private MainTab01 mTab01;
   private MainTab03 mTab03;
   private MainTab04 mTab04;

   /**
    * 底部四个按钮
    */
   private LinearLayout mTabBtnWeixin;
   private LinearLayout mTabBtnFrd;
   private LinearLayout mTabBtnAddress;
   private LinearLayout mTabBtnSettings;
   /**
    * 用于对Fragment进行管理
    */
   private FragmentManager fragmentManager;

   @SuppressLint("NewApi")
   @Override
   protected void onCreate(Bundle savedInstanceState)
   {
      super.onCreate(savedInstanceState);
      requestWindowFeature(Window.FEATURE_NO_TITLE);
      setContentView(R.layout.fragment_main);

      initViews();
      fragmentManager = getFragmentManager();
      setTabSelection(0);
   }

   

   private void initViews()
   {

      mTabBtnWeixin = (LinearLayout) findViewById(R.id.id_tab_bottom_weixin);
      mTabBtnFrd = (LinearLayout) findViewById(R.id.id_tab_bottom_friend);
      mTabBtnAddress = (LinearLayout) findViewById(R.id.id_tab_bottom_contact);
      mTabBtnSettings = (LinearLayout) findViewById(R.id.id_tab_bottom_setting);

      mTabBtnWeixin.setOnClickListener(this);
      mTabBtnFrd.setOnClickListener(this);
      mTabBtnAddress.setOnClickListener(this);
      mTabBtnSettings.setOnClickListener(this);
   }

   @Override
   public void onClick(View v)
   {
      switch (v.getId())
      {
      case R.id.id_tab_bottom_weixin:
         setTabSelection(0);
         break;
      case R.id.id_tab_bottom_friend:
         setTabSelection(1);
         break;
      case R.id.id_tab_bottom_contact:
         setTabSelection(2);
         break;
      case R.id.id_tab_bottom_setting:
         setTabSelection(3);
         break;

      default:
         break;
      }
   }

   /**
    * 根据传入的index参数来设置选中的tab页。
    * 
    */
   @SuppressLint("NewApi")
   private void setTabSelection(int index)
   {
      // 重置按钮
      resetBtn();
      // 开启一个Fragment事务
      FragmentTransaction transaction = fragmentManager.beginTransaction();
      // 先隐藏掉所有的Fragment，以防止有多个Fragment显示在界面上的情况
      hideFragments(transaction);
      switch (index)
      {
      case 0:
         // 当点击了消息tab时，改变控件的图片和文字颜色
         ((ImageButton) mTabBtnWeixin.findViewById(R.id.btn_tab_bottom_weixin))
               .setImageResource(R.drawable.tab_weixin_pressed);
         if (mTab01 == null)
         {
            // 如果MessageFragment为空，则创建一个并添加到界面上
            mTab01 = new MainTab01();
            transaction.add(R.id.id_content, mTab01);
         } else
         {
            // 如果MessageFragment不为空，则直接将它显示出来
            transaction.show(mTab01);
         }
         break;
      case 1:
         // 当点击了消息tab时，改变控件的图片和文字颜色
         ((ImageButton) mTabBtnFrd.findViewById(R.id.btn_tab_bottom_friend))
               .setImageResource(R.drawable.tab_find_frd_pressed);
         if (mTab02 == null)
         {
            // 如果MessageFragment为空，则创建一个并添加到界面上
            mTab02 = new MainTab02();
            transaction.add(R.id.id_content, mTab02);
         } else
         {
            // 如果MessageFragment不为空，则直接将它显示出来
            transaction.show(mTab02);
         }
         break;
      case 2:
         // 当点击了动态tab时，改变控件的图片和文字颜色
         ((ImageButton) mTabBtnAddress.findViewById(R.id.btn_tab_bottom_contact))
               .setImageResource(R.drawable.tab_address_pressed);
         if (mTab03 == null)
         {
            // 如果NewsFragment为空，则创建一个并添加到界面上
            mTab03 = new MainTab03();
            transaction.add(R.id.id_content, mTab03);
         } else
         {
            // 如果NewsFragment不为空，则直接将它显示出来
            transaction.show(mTab03);
         }
         break;
      case 3:
         // 当点击了设置tab时，改变控件的图片和文字颜色
         ((ImageButton) mTabBtnSettings.findViewById(R.id.btn_tab_bottom_setting))
               .setImageResource(R.drawable.tab_settings_pressed);
         if (mTab04 == null)
         {
            // 如果SettingFragment为空，则创建一个并添加到界面上
            mTab04 = new MainTab04();
            transaction.add(R.id.id_content, mTab04);
         } else
         {
            // 如果SettingFragment不为空，则直接将它显示出来
            transaction.show(mTab04);
         }
         break;
      }
      transaction.commit();
   }

   /**
    * 清除掉所有的选中状态。
    */
   private void resetBtn()
   {
      ((ImageButton) mTabBtnWeixin.findViewById(R.id.btn_tab_bottom_weixin))
            .setImageResource(R.drawable.tab_weixin_normal);
      ((ImageButton) mTabBtnFrd.findViewById(R.id.btn_tab_bottom_friend))
            .setImageResource(R.drawable.tab_find_frd_normal);
      ((ImageButton) mTabBtnAddress.findViewById(R.id.btn_tab_bottom_contact))
            .setImageResource(R.drawable.tab_address_normal);
      ((ImageButton) mTabBtnSettings.findViewById(R.id.btn_tab_bottom_setting))
            .setImageResource(R.drawable.tab_settings_normal);
   }

   /**
    * 将所有的Fragment都置为隐藏状态。
    *
         * @param transaction
            *            用于对Fragment执行操作的事务
            */
         @SuppressLint("NewApi")
         private void hideFragments(FragmentTransaction transaction)
         {
            if (mTab01 != null)
            {
               transaction.hide(mTab01);
            }
            if (mTab02 != null)
            {
               transaction.hide(mTab02);
            }
            if (mTab03 != null)
            {
         transaction.hide(mTab03);
      }
      if (mTab04 != null)
      {
         transaction.hide(mTab04);
      }
      
   }

}
...未完待续

android Fragment的点点滴滴

原文：http://www.cnblogs.com/AbStar/p/5276908.html