android Fragment详细讲述，包括问题隐患

本文由曹玉祥编写，如有转载，请注明来源

Fragment是安卓v4包的新东西，名为碎片化布局，该布局的目的就是为了取代过时的tabhost.使操作更加方便,大大增加了开发者的高效开发。在使用好Fragment的同时一定要先掌握它的生命周期。废话不多说。看下图。

<img src="http://img.my.csdn.net/uploads/201301/22/1358841101_4818.png" alt="" />

1.如何实现像QQ一样的底部菜单呢？

首先如果你用V4包，

1.首先父类一定要继承FragmentActivity.

2.进行初始化操作   <pre name="code" class="html"> 也对于新手不是太明白。<pre name="code" class="html">我先大概说下流程，

（1 开启碎片化布局管理区，首要做的事，如果在fragment中，就要先getActivity）

<pre name="code" class="html">FragmentManager mFragmentManager<span style="font-family: Arial, Helvetica, sans-serif;">= getFragmentManager();</span>

<span style="font-family: Arial, Helvetica, sans-serif;">（2通过碎片化布局管理器开启事务，这是执行fragment很关键的一步</span>

FragmentTransaction transaction = mFragmentManager.beginTransaction();

（3然后把碎片化布局fragment添加到事务中，这是最关键的一步了

<pre name="code" class="html">transaction.add(R.id.content, messageFragment);

（4最后一定不能忘了提交事务，不然你所做的一切都会白费。

<pre name="code" class="html">transaction.commit();

3 有人说这个是干嘛的？onRestoreInstanceState如果你看完完整的fragment生命周期你就会明白，这个会在fragment不正常关闭，又打开时起到回复数据的作用，如果不这样做，可能会使数据重叠，当然解决数据重叠的方法有很多种，这儿就不再做介绍了。要源码的留言。

</pre><pre code_snippet_id="1625916" snippet_file_name="blog_20160327_16_1722391" name="code" class="html">

package com.fragment.bottom;






import android.app.Activity;
import android.app.FragmentManager;
import android.app.FragmentTransaction;
import android.graphics.Color;
import android.os.Bundle;
import android.view.View;
import android.view.View.OnClickListener;
import android.view.Window;
import android.widget.ImageView;
import android.widget.TextView;


import com.example.networks.R;


/**
 * 项目的主Activity，所有的Fragment都嵌入在这里。
 */
public class MainActivity extends Activity implements OnClickListener {


/**
* 用于展示消息的Fragment
*/
private MessageFragment mMessageFragment;


/**
* 用于展示联系人的Fragment
*/
private ContactsFragment mContactsFragment;


/**
* 用于展示动态的Fragment
*/
private NewsFragment mMewsFragment;


/**
* 用于展示设置的Fragment
*/
private SettingFragment mSettingFragment;


/**
* 消息界面布局
*/
private View mMessageLayout;


/**
* 联系人界面布局
*/
private View contactsLayout;


/**
* 动态界面布局
*/
private View mNewsLayout;


/**
* 设置界面布局
*/
private View mSettingLayout;


/**
* 在Tab布局上显示消息图标的控件
*/
private ImageView messageImage;


/**
* 在Tab布局上显示联系人图标的控件
*/
private ImageView contactsImage;


/**
* 在Tab布局上显示动态图标的控件
*/
private ImageView newsImage;


/**
* 在Tab布局上显示设置图标的控件
*/
private ImageView settingImage;


/**
* 在Tab布局上显示消息标题的控件
*/
private TextView mMessageText;


/**
* 在Tab布局上显示联系人标题的控件
*/
private TextView mContactsText;


/**
* 在Tab布局上显示动态标题的控件
*/
private TextView newsText;


/**
* 在Tab布局上显示设置标题的控件
*/
private TextView settingText;


/**
* 用于对Fragment进行管理
*/
private FragmentManager mFragmentManager;
//记录Fragment的位置
private int position = 0;
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
requestWindowFeature(Window.FEATURE_NO_TITLE);
setContentView(R.layout.activity_main_fragment);
// 初始化布局元素
initViews();
mFragmentManager = getFragmentManager();
// 第一次启动时选中第0个tab
setTabSelection(position);
}
@Override
protected void onRestoreInstanceState(Bundle savedInstanceState) {
 position = savedInstanceState.getInt("position");
 setTabSelection(position);
 super.onRestoreInstanceState(savedInstanceState);
}
@Override
protected void onSaveInstanceState(Bundle outState) {
 //记录当前的position
 outState.putInt("position", position);

}
/**
* 在这里获取到每个需要用到的控件的实例，并给它们设置好必要的点击事件。
*/
private void initViews() {
mMessageLayout = findViewById(R.id.message_layout);
contactsLayout = findViewById(R.id.contacts_layout);
mNewsLayout = findViewById(R.id.news_layout);
mSettingLayout = findViewById(R.id.setting_layout);
messageImage = (ImageView) findViewById(R.id.message_image);
contactsImage = (ImageView) findViewById(R.id.contacts_image);
newsImage = (ImageView) findViewById(R.id.news_image);
settingImage = (ImageView) findViewById(R.id.setting_image);
mMessageText = (TextView) findViewById(R.id.message_text);
mContactsText = (TextView) findViewById(R.id.contacts_text);
newsText = (TextView) findViewById(R.id.news_text);
settingText = (TextView) findViewById(R.id.setting_text);
mMessageLayout.setOnClickListener(this);
contactsLayout.setOnClickListener(this);
mNewsLayout.setOnClickListener(this);
mSettingLayout.setOnClickListener(this);
}
@Override
public void onClick(View v) {
switch (v.getId()) {
case R.id.message_layout:
// 当点击了消息tab时，选中第1个tab
position=0;
setTabSelection(position);
break;
case R.id.contacts_layout:
// 当点击了联系人tab时，选中第2个tab
position=1;
setTabSelection(position);
break;
case R.id.news_layout:
// 当点击了动态tab时，选中第3个tab
position=2;
setTabSelection(position);
break;
case R.id.setting_layout:
// 当点击了设置tab时，选中第4个tab
position=3;
setTabSelection(position);
break;
default:
break;
}
}


/**
* 根据传入的index参数来设置选中的tab页。
* 
* @param index
*            每个tab页对应的下标。0表示消息，1表示联系人，2表示动态，3表示设置。
*/
private void setTabSelection(int index) {
// 每次选中之前先清楚掉上次的选中状态
clearSelection();
// 开启一个Fragment事务
FragmentTransaction transaction = mFragmentManager.beginTransaction();
// 先隐藏掉所有的Fragment，以防止有多个Fragment显示在界面上的情况
hideFragments(transaction);
switch (index) {
case 0:
// 当点击了消息tab时，改变控件的图片和文字颜色
messageImage.setImageResource(R.drawable.message_selected);
mMessageText.setTextColor(Color.WHITE);
if (mMessageFragment == null) {
// 如果MessageFragment为空，则创建一个并添加到界面上
mMessageFragment = new MessageFragment();
transaction.add(R.id.content, mMessageFragment);
} else {
// 如果MessageFragment不为空，则直接将它显示出来
transaction.show(mMessageFragment);
}
break;
case 1:
// 当点击了联系人tab时，改变控件的图片和文字颜色
contactsImage.setImageResource(R.drawable.contacts_selected);
mContactsText.setTextColor(Color.WHITE);
if (mContactsFragment == null) {
// 如果ContactsFragment为空，则创建一个并添加到界面上
mContactsFragment = new ContactsFragment();
transaction.add(R.id.content, mContactsFragment);
} else {
// 如果ContactsFragment不为空，则直接将它显示出来
transaction.show(mContactsFragment);
}
break;
case 2:
// 当点击了动态tab时，改变控件的图片和文字颜色
newsImage.setImageResource(R.drawable.news_selected);
newsText.setTextColor(Color.WHITE);
if (mMewsFragment == null) {
// 如果NewsFragment为空，则创建一个并添加到界面上
mMewsFragment = new NewsFragment();
transaction.add(R.id.content, mMewsFragment);
} else {
// 如果NewsFragment不为空，则直接将它显示出来
transaction.show(mMewsFragment);
}
break;
case 3:
default:
// 当点击了设置tab时，改变控件的图片和文字颜色
settingImage.setImageResource(R.drawable.setting_selected);
settingText.setTextColor(Color.WHITE);
if (mSettingFragment == null) {
// 如果SettingFragment为空，则创建一个并添加到界面上
mSettingFragment = new SettingFragment();
transaction.add(R.id.content, mSettingFragment);
} else {
// 如果SettingFragment不为空，则直接将它显示出来
transaction.show(mSettingFragment);
}
break;
}
transaction.commit();
}


/**
* 清除掉所有的选中状态。
*/
private void clearSelection() {
messageImage.setImageResource(R.drawable.message_unselected);
mMessageText.setTextColor(Color.parseColor("#82858b"));
contactsImage.setImageResource(R.drawable.contacts_unselected);
mContactsText.setTextColor(Color.parseColor("#82858b"));
newsImage.setImageResource(R.drawable.news_unselected);
newsText.setTextColor(Color.parseColor("#82858b"));
settingImage.setImageResource(R.drawable.setting_unselected);
settingText.setTextColor(Color.parseColor("#82858b"));
}


/**
* 将所有的Fragment都置为隐藏状态。
* 
* @param transaction
*            用于对Fragment执行操作的事务
*/
private void hideFragments(FragmentTransaction transaction) {
if (mMessageFragment != null) {
transaction.hide(mMessageFragment);
}
if (mContactsFragment != null) {
transaction.hide(mContactsFragment);
}
if (mMewsFragment != null) {
transaction.hide(mMewsFragment);
}
if (mSettingFragment != null) {
transaction.hide(mSettingFragment);
}
}
}