作为大多数刚接触Android应用开发的人来说，在一个强大的Activity类中，就可以完成丰富多彩的UI工作，但是杂乱的屏幕分辨率，使得本来好不容易写好的UI,变得不堪入目。。。该怎么办那？

查阅了好多资料，才发现，原来我out了！j_0065.gif早在Android在3.0版本就引入了Fragment(碎片)功能，它非常类似于Activity，可以像Activity一样包含布局，通过将Activity 的布局分散到frament 中，可以在运行时修改activity 的外观，并且由activity 管理的back stack 中保存些变化，很巧妙的解决了不同分辨率手机上UI差异变化的问题。总结一下吧！


一.Fragment介绍：

官方文档：http://developer.android.com/guide/components/fragments.html

122535110.png

Fragment是我们在单个Activity上要切换多个UI界面时，要显示的不同内容。模块化这些UI面板可以提供给其他Acitivity来使用，因此我们可以简单地把Fragment看成类似于TextView控件一样，可以被任意的Activity进行加载。


1.静态加载：

首先，在Layout下建立两个xml

fragment1.xml:

1
2
3
4
5
6
7
8
9
10
11
12
13
<? 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"
android:background = "#000000" >
< TextView
android:id = "@+id/textView1"
android:layout_width = "wrap_content"
android:layout_height = "wrap_content"
android:text = "我是Fragment1"
/>
</ LinearLayout >

fragment2.xml:

1
2
3
4
5
6
7
8
9
10
11
12
<? 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"
android:background = "#0000ff" >
< TextView
android:id = "@+id/textView1"
android:layout_width = "wrap_content"
android:layout_height = "wrap_content"
android:text = "我是Fragment2" />
</ LinearLayout >

之后建立两个类：

FragmentFirst类：

1
2
3
4
5
6
7
8
9
10
11
12
13
package com.zhf.android_fragmentdemo;
import android.app.Fragment;
import android.os.Bundle;
import android.view.LayoutInflater;
import android.view.View;
import android.view.ViewGroup;
public class FragmentFirst extends Fragment {
@Override
public View onCreateView(LayoutInflater inflater, ViewGroup container,
Bundle savedInstanceState) {
return inflater.inflate(R.layout.fragment1, container, false );
}
}

FragmentSecond类：

1
2
3
4
5
6
7
8
9
10
11
12
13
package com.zhf.android_fragmentdemo;
import android.app.Fragment;
import android.os.Bundle;
import android.view.LayoutInflater;
import android.view.View;
import android.view.ViewGroup;
public class FragmentSecond extends Fragment {
@Override
public View onCreateView(LayoutInflater inflater, ViewGroup container,
Bundle savedInstanceState) {
return inflater.inflate(R.layout.fragment2, container, false );
}
}

最后一步就是在activity_main.xml中应用这两个布局文件：

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
<LinearLayout xmlns:android= "http://schemas.android.com/apk/res/android"
android:layout_width= "match_parent"
android:layout_height= "match_parent"
android:orientation= "horizontal" >
<fragment
android:id= "@+id/fragment1"
android:name= "com.zhf.android_fragmentdemo.FragmentSecond"
android:layout_width= "0dip"
android:layout_height= "match_parent"
android:layout_weight= "1" />
<fragment
android:id= "@+id/fragment2"
android:name= "com.zhf.android_fragmentdemo.FragmentFirst"
android:layout_width= "0dip"
android:layout_height= "match_parent"
android:layout_weight= "1" />
</LinearLayout>

主类MainActivity中不用添加其他代码，直接加载activity_main.xml即可。

效果图：

104714106.png

ok！简单三步就将fragment加载进去了，当然这只是fragment的一小部分功能，它的强大之处其实在于：Activity能够根据自身情况来动态的加载fragemnt,使你的UI界面变得更加多样可变！

2.动态加载：（重点）

首先,现将activity_main.xml中多余部分去掉：

1
2
3
4
5
6
< LinearLayout xmlns:android = "http://schemas.android.com/apk/res/android"
android:id = "@+id/main_layout"
android:layout_width = "match_parent"
android:layout_height = "match_parent"
android:orientation = "horizontal" >
</ LinearLayout >

其次，就是在MainActivity类中动态添加这两个Fragment类：

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
package com.zhf.android_fragmentdemo;
import android.app.Activity;
import android.os.Bundle;
import android.view.Display;
public class MainActivity extends Activity {
@Override
protected void onCreate(Bundle savedInstanceState) {
super .onCreate(savedInstanceState);
setContentView(R.layout.activity_main2);
Display display = getWindowManager().getDefaultDisplay();
if (display.getWidth() > display.getHeight()) {
FragmentFirst fragmentFirst = new FragmentFirst();
getFragmentManager().beginTransaction()
.replace(R.id.main_layout, fragmentFirst).commit();
} else {
FragmentSecond fragmentSecond = new FragmentSecond();
getFragmentManager().beginTransaction()
.replace(R.id.main_layout, fragmentSecond).commit();
}
}
}

运行一下，效果出来了，为了体现出动态，大家可以试着把手机自动转屏打开，转一下屏试试！

110541248.png ----转屏之后---> 110607935.png


注：动态加载过程步骤

1.获取到FragmentManager，在Activity中可以直接通过getFragmentManager得到。

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

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

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


介绍完这两种方式，大家是不是已经对其有了一些感性的认识，这里注意一下Fragment是在3.0版本引入的，如果你使用的是3.0之前的系统，需要先导入android-support-v4的jar包才能使用Fragment功能，这里可能需要继承FragmengActivity(现在建立低版本项目时，ADT会自动将libs下的android-support-v4.jar构建到项目路径)


接下来我们具体挖掘一下生命周期及其Fragment中一些主要方法的介绍！


二.Fragment类的生命周期


复写fragment中的方法，测试一下它的生命周期看看它与Activity的异同。


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
package com.zhf.android_fragmentdemo;
import android.app.Activity;
import android.app.Fragment;
import android.os.Bundle;
import android.view.LayoutInflater;
import android.view.View;
import android.view.ViewGroup;
/**
* Fragment的生命周期
* 注意： 方法中的排列次序即为fragment全过程：启动时方法调用次序 + 退出时方法调用次序
* @author ZHF
*
*/
public class FragmentFirst extends Fragment {
/**Fragment和Activity建立关联的时候调用**/
@Override
public void onAttach(Activity activity) {
super .onAttach(activity);
System.out.println( "onAttach" );
}
@Override
public void onCreate(Bundle savedInstanceState) {
super .onCreate(savedInstanceState);
System.out.println( "onCreate" );
}
/**为Fragment加载布局时调用**/
@Override
public View onCreateView(LayoutInflater inflater, ViewGroup container,
Bundle savedInstanceState) {
System.out.println( "onCreateView" );
return inflater.inflate(R.layout.fragment1, container, false );
}
/**当Activity中的onCreate方法执行完后调用**/
@Override
public void onActivityCreated(Bundle savedInstanceState) {
super .onActivityCreated(savedInstanceState);
System.out.println( "onActivityCreated" );
}
@Override
public void onStart() {
super .onStart();
System.out.println( "onStart" );
}
@Override
public void onResume() {
super .onResume();
System.out.println( "onResume" );
}
@Override
public void onPause() {
super .onPause();
System.out.println( "onPause" );
}
@Override
public void onStop() {
super .onStop();
System.out.println( "onStop" );
}
/**Fragment中的布局被移除时调用**/
@Override
public void onDestroyView() {
super .onDestroyView();
System.out.println( "onDestroyView" );
}
@Override
public void onDestroy() {
super .onDestroy();
System.out.println( "onDestroy" );
}
/**Fragment和Activity解除关联的时候调用**/
@Override
public void onDetach() {
super .onDetach();
System.out.println( "onDetach" );
}
}

打印结果：

1.运行一下：

124133340.png

2.返回退出：

124220622.png

3.Home键退出：

124352923.png

4.再次进入：

124424752.png


通过打印的结果，我们应该可以清楚的了解到其实fragment和Activity的生命周期还是很相似的j_0028.gif

（Activity生命周期博客：http://smallwoniu.blog.51cto.com/blog/3911954/1246732）

官网截图：

125417247.png


三.Fragment中有几个重要的回调方法

方法描述
onAttach()Fragment和Activity建立关联的时候调用
onCreateView()为Fragment加载布局时调用
onActivityCreated()当Activity中的onCreate方法执行完后调用
onDestroyView()Fragment中的布局被移除时调用
onDetach()Fragment和Activity解除关联的时候调用




只有掌握了Fragment中这几个重要的方法，在使用的过程中才能更加灵活的与Activity配套使用，动态加载以适应不同屏幕分辨率的状况！


原文出自http://smallwoniu.blog.51cto.com/3911954/1308365