一步一步学习Fragment之一

首先，对于Fragment的概念的理解，先上几篇文章：

http://www.jizhuomi.com/android/course/357.html

http://www.jizhuomi.com/android/course/363.html

http://www.jizhuomi.com/android/course/370.html

http://www.jizhuomi.com/android/course/375.html

Android从3.0开始引入Fragment的概念。关于Fragment，网上已经有很多的博客和文章都做了说明(上面的四篇)，在此不做过多的阐述。

我说说自己对Fragment的理解：

如果把Activity比作是一个相框的话，Fragment就是相框中一个个的相片。我这里所说的相框，是可以放多张相片的相框，映射到Activity和Fragment的话，就是一个Activity里面可以有多个Fragment。我们知道，相框中的相片是可以被替换或叠加的。同样，Activity中的Fragment也是可以替换或叠加的。一个相框中可以并排的放置多张相片，相片之间可以是相关联的也可以是不相关联的。同样的，Activity中也可以由多个并排的Fragment（使用LinearLayout等），各个Fragment有自己的生命周期，这样看是独立的。当某个一个Fragment上的事件发生后要更新另外一个Fragment上的数据，这种情况就是两个Fragment之间是有关联的。

总结一下Fragment的操作：

1、Activity比作一个相框

2、往一个空的相框（Activity）添加一个相片（Fragment）的方法是add

3、替换相框（Activity）中的相片（Fragment）的方法是replace

4、将多张相片（Fragment）叠加放到相框（Activity）中的方法是：replace+addToBackStack，这个比如可能不太准确，其所要表达的意思就是像Activity的回退栈，就是用户按下回退键（back）的时候推到上一个Fragment。

当然，要使用Fragment，如果不加入任何库的话，我们只能在3.0以上的Android版本当中使用。而做Android开发的我们都知道我们的应用必须兼容2.X的手机（定制APP除外）。所以我们使用Google提供的兼容包supportv4实现在2.X的手机上也能使用Fragment。

下面就开始我们的第一个Fragment的APP：

首先，Fragment需要放到ViewGroup中，这里我们放到FrameLayout中。Activity的布局文件如下：

<FrameLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:id="@+id/fragment_container"
    android:layout_width="match_parent"
    android:layout_height="match_parent"/>

这个Fragment有个id为fragment_container，可以看做是Fragment的容器。

其次，Activity继承于FragmentActivity，以便于对Fragment进行相关的增删改查操作。

public class MainActivity extends FragmentActivity 

然后再onCreate方法中加载布局文件

setContentView(R.layout.activity_main);

获取Fragment的管理者FragmentManager

mFragmentManager = getSupportFragmentManager();

这样，就做好了前期的准备工作。

哦！！！还没有Fragment的类。所以，我们现在要去写一个类FirstFragment，并继承Fragment

public class FirstFragment extends Fragment

并实现onCreateView方法，这个方法返回的View对象就是该Fragment呈现的视图

@Override
	public View onCreateView(LayoutInflater inflater, ViewGroup container,
			Bundle savedInstanceState) {
		return inflater.inflate(R.layout.fragment_layout, null);
	}

这里的Fragment的布局很简单，如下：

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent" >
    
    <TextView 
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:gravity="center"
        android:layout_centerInParent="true"
        android:text="First Fragment"
        android:textSize="30sp"
        />

</RelativeLayout>

好了，现在Fragment也有了，Activity也准备好了。剩下的就是把Fragment加到Activity中了。

在Activity的onCreate方法中加上如下代码：

if(savedInstanceState == null){
	// 生成一个Fragment的实例
	Fragment f = FirstFragment.newInstance();
	// 开启事务，并将f添加到id为R.id.fragment_container的Layout中并提交事务
	mFragmentManager.beginTransaction().add(R.id.fragment_container, f).commit();
}

运行起来就可以看到效果了。

下面是完整的FirstFragment和MainActivity中的代码：

MainActivity：

package com.example.firstfragmentdemo;

import android.os.Bundle;
import android.support.v4.app.Fragment;
import android.support.v4.app.FragmentActivity;
import android.support.v4.app.FragmentManager;

public class MainActivity extends FragmentActivity {

	private FragmentManager mFragmentManager;

	@Override
	protected void onCreate(Bundle savedInstanceState) {
		super.onCreate(savedInstanceState);
		setContentView(R.layout.activity_main);
		mFragmentManager = getSupportFragmentManager();
		if(savedInstanceState == null){
			// 生成一个Fragment的实例
			Fragment f = FirstFragment.newInstance();
			// 开启事务，并将f添加到id为R.id.fragment_container的Layout中并提交事务
			mFragmentManager.beginTransaction().add(R.id.fragment_container, f).commit();
		}
	}


}

FirstFragment：

package com.example.firstfragmentdemo;

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

public class FirstFragment extends Fragment {
	
	public static FirstFragment newInstance(){
		return new FirstFragment();
	}
	
	@Override
	public View onCreateView(LayoutInflater inflater, ViewGroup container,
			Bundle savedInstanceState) {
		return inflater.inflate(R.layout.fragment_layout, null);
	}
	
}

第一篇文章就到这里了，很简单是不？确实是很简单，哈哈~~