Android UI编程(7)——Fragment

Fragment是Activity的界面中的一部分或一种行为。你可以把多个Fragment们组合到一个Activity中来创建一个多面界面并且可以在多个Activity中重用一个Fragment。也可以把Fragment认为模块化的一段Activity，它具有自己的生命周期，接收它自己的事件，并可以在Activity运行时被添加或删除。

Fragment不能独立存在，它必须嵌入到activity中，而且Fragment的生命周期直接受所在的Activity的影响。例如：当Activity暂停时，它拥有的所有的Fragment们都暂停了，当Activity销毁时，它拥有的所有Fragment们都被销毁。然而，当Activity运行时(在onResum()之后，onPause()之前)，你可以单独地操作每个Fragment，比如添加或删除它们。当在执行上述针对Fragment的事务时，你可以把事务添加到一个栈中，这个栈被Activity管理，栈中的每一条都是一个Fragment的一次事务。有了这个栈，就可以反向执行Fragment的事务了，这样就可以在Fragment级支持"返回"键(向后导航)。

当向Activity中添加一个Fragment时，它须置于ViewGroup控制中，并且需定义Fragment自己的界面。你可以在layout xml文件中声明Fragment，元素为：<fragment>；也可以在代码中创建Fragment，然后把它加入到ViewGroup控件中。然而，Fragment不一定非要放在Activity的界面中，它可以隐藏在后台为Activity工作。

Fragment要点：

1、Fragment作为Activity界面的一部分组成出现

2、可以在一个Activity中同时出现多个Fragment，并且，一个Fragment也可在多个Activity中使用

3、在Activity运行过程中，可以添加、移除或者替换Fragment(add()、remove()、replace())

设计哲学：

Android从3.0开始引入Fragment，主要是为了支持更动态更灵活的界面设计，比如在平板上的应用。平台机上拥有比手机更大的屏幕空间来组合和交互界面组件们。Fragment使在做这样的设计时，不需要应付View树中复杂的变化。通过把Activity的layout分成Fragment，就可以在Activity运行时改变它的样子，并且可以在Activity的后退栈中保存这个改变。

例如：写一个读新闻的程序，可以用一个fragment显示标题列表，另一个Fragment显示选中标题的内容，这两个Fragment都是在一个Activity上，并排显示。那么这两个Fragment都有自己的生命周期并响应自己感兴趣的事件。于是，不需要像手机上那样一个Activity显示标题列表，另一个Activity显示新闻内容；现在可以把两者放在一个Activity上同时显示。如下图：

Fragment必须被写成可重用的模块。因为Fragment有自己的layout，自己进行事件相应，拥有自己的生命周期和行为，所有可以在多个Activity中包含一个Fragment的不同实例。这个对于你的界面在不同的屏幕尺寸下都能用户完美的体验尤其重要。比如可以在程序运行大屏幕中时启动包含很多Fragment的Activity，而在运行于小屏幕时启动一个包含少量Fragment的Activity。

举个例子：还是刚才那个读新闻的程序，当检测到程序运行于大屏幕时，启动activity A，将标题列表和新闻内容这个两个Fragment都放在Activity A中；而当检测到程序运行于小屏幕时，还是启动Activity A，但此时A中只有标题列表Fragment，当选择一个标题时，Activity A启动Activity B，B中含有新闻内容Fragment。

创建Fragment：

要创建一个Fragment，必须从Fragment或Fragment的派生类派出一个新类。Fragment的代码写起来有些像Activity。它具有跟Activity一样的回调方法，比如onCreate()、onStart()、onPause()和onStop()。实际上，如果想把老的程序改为使用Fragment，基本上只需要把Activity的回调方法的代码移到Fragment中对应的回调方法即可。

通常需要实现以下生命周期函数：

onCreate()——当创建Fragment时系统调用此方法。在其中你必须初始化Fragment的基础组件们，可参考Activity的说明

onCreateView()——系统在Fragment要画自己的界面时调用(在正在显示之前)此方法。这个方法必须返回Fragment的layout的根控件。如果这个fragment不提供界面，可以返回null。即，Fragment第一次绘制它的用户界面的时候，系统会调用此方法。为了绘制Fragment的UI，此方法必须返回一个View，这个View是Fragment布局的根View。如果Fragment不提供UI，可以返回null。

onPause()——用户将要离开Fragment时，系统调用这个方法作为第一个指示(然而它不总是意味着Fragment将被销毁)。当前面用户绘画结束之前，通常应当在这里提交任何应该持久的变化(因为用户有可能不会返回)。

Fragment的生命周期：

除了继承基类Fragment，还有一些子类可以继承

DialogFragment

显示一个浮动的对话框，用这个类来创建一个对话框是使用在Activity类的对话框工具方法之外的一个好选择，因为可以将一个Fragment对话框合并到Activity管理的Fragment back stack(回退栈)中，允许用户返回一个之前曾被摒弃的Fragment。

ListFragment

显示一个由Adapter(例如SimpleCursorAdapter)管理的项目的列表，类似于ListActivity。它提供一些方法来管理一个List View，例如onListItemClick()回调来处理点击事件。

PreferenceFragment

显示一个Preference对象的层次结构的列表，类似于PreferenceActivity。这个在为应用创建一个"设置"Activity时有用处

例子一：

AndroidManifest.xml——没有做任何修改，创建工程默认

<?xml version="1.0" encoding="utf-8"?>
<manifest xmlns:android="http://schemas.android.com/apk/res/android"
    package="com.wxl.fragment"
    android:versionCode="1"
    android:versionName="1.0" >

    <uses-sdk
        android:minSdkVersion="8"
        android:targetSdkVersion="19" />

    <application
        android:allowBackup="true"
        android:icon="@drawable/ic_launcher"
        android:label="@string/app_name"
        android:theme="@style/AppTheme" >
        <activity
            android:name="com.wxl.fragment.MainActivity"
            android:label="@string/app_name" >
            <intent-filter>
                <action android:name="android.intent.action.MAIN" />

                <category android:name="android.intent.category.LAUNCHER" />
            </intent-filter>
        </activity>
    </application>

</manifest>

<?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="#ffcccc"
    android:orientation="vertical" >
    
    <TextView 
        android:id="@+id/fragment1_textView"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:gravity="center"
        android:text="第一个Fragment界面"/>

</LinearLayout>

<?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="#fffccc"
    android:orientation="vertical" >
    
	<TextView 
        android:id="@+id/fragment2_textView"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:gravity="center"
        android:text="第二个Fragment界面"/>    

</LinearLayout>

activity_main.xml

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="horizontal"
    tools:context=".MainActivity" >

    <fragment 
        android:id="@+id/fragment1"
        android:layout_width="0dip"
        android:layout_height="match_parent"
        android:name="com.wxl.fragment.Fragment1"
        android:layout_weight="1"/>
    <fragment 
        android:id="@+id/fragment2"
        android:layout_width="0dip"
        android:layout_height="match_parent"
        android:name="com.wxl.fragment.Fragment2"
        android:layout_weight="1"/>

</LinearLayout>

package com.wxl.fragment;

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

public class Fragment1 extends Fragment {
	@Override
	public View onCreateView(LayoutInflater inflater, ViewGroup container,Bundle savedInstanceState) {
		// TODO Auto-generated method stub
		return inflater.inflate(R.layout.fragment1, container,false);
	}
}

package com.wxl.fragment;

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

public class Fragment2 extends Fragment {
	@Override
	public View onCreateView(LayoutInflater inflater, ViewGroup container,Bundle savedInstanceState) {
		// TODO Auto-generated method stub
		return inflater.inflate(R.layout.fragment2, container,false);
	}
}

package com.wxl.fragment;

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

public class MainActivity extends FragmentActivity {

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

在Activity中静态使用Fragment的时候，要注意两个地方：

Fragment引用的包是：import android.support.v4.app.Fragment;而不是import android.app.Fragment;

然后Activity必须是继承FragmentActivity，引用包是：import android.support.v4.app.FragmentActivity;

截图：

Logcat打印信息：(FragmentActivity)

添加用户界面：

Fragment通常用来作为一个Activity的用户界面的一部分，并将它的layout提供给Activity。为了给一个Fragment提供一个layout，必须实现onCreateView()回调方法，当到了Fragment绘制它自己的layout的时候，Android系统调用调用它。此方法的实现代码必须返回一个Fragment的layout的根View。

public class Fragment1 extends Fragment {
	@Override
	public View onCreateView(LayoutInflater inflater, ViewGroup container,Bundle savedInstanceState) {
		// TODO Auto-generated method stub
		return inflater.inflate(R.layout.fragment1, container,false);
	}
}

inflater.inflate(R.layout.fragment1, container,false);

• 参数一：想要加载的layout的resource ID
• 参数二：加载的layout的父ViewGroup。传入container是很重要的，目的是为了让系统接受所要加载的layout的根View的layout参数，由它将挂靠的父View指定
• 参数三：布尔值指示在加载期间，展开的layout是否应附着到ViewGroup(第二个参数)。(在这个例子中，指定了false，因为系统已经把展开的layout插入到container，传入true会在最后的layout中创建一个多余的ViewGroup)。

方法一：在Activity的layout文件中声明fragment

在这种情况下，可以像为View一样，为fragment指定layout属性：

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="horizontal"
    tools:context=".MainActivity" >

    <fragment 
        android:id="@+id/fragment1"
        android:layout_width="0dip"
        android:layout_height="match_parent"
        android:name="com.wxl.fragment.Fragment1"
        android:layout_weight="1"/>
    <fragment 
        android:id="@+id/fragment2"
        android:layout_width="0dip"
        android:layout_height="match_parent"
        android:name="com.wxl.fragment.Fragment2"
        android:layout_weight="1"/>

</LinearLayout>

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

注意：每一个fragment都需要一个唯一的标识，如果Activity重启，系统可以用来恢复fragment(并且也可以用来捕获fragment来处理事务，例如移除它)

有3种方法来为一个fragment提供一个标识：

• 为android:id属性提供一个唯一ID
• 为android:tag属性提供一个唯一字符串
• 如果以上2个都没有提供，系统使用容器view的ID

FragmentManager fragmentManager = getFragmentManager(); 
FragmentTransaction fragmentTransaction = fragmentManager.beginTransaction();

Fragment1 fragment = new Fragment1();  
fragmentTransaction.add(R.id.main,fragment);  
fragmentTransaction.commit();

FragmentManager fragmentManager = getFragmentManager(); 
FragmentTransaction fragmentTransaction = fragmentManager.beginTransaction();

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:id="@+id/main"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="horizontal"
    tools:context=".MainActivity" >
    
    <LinearLayout 
        android:id="@+id/main_linearLayout1"
        android:layout_width="0dip"
        android:layout_height="match_parent"
        android:layout_weight="1"
        android:orientation="vertical">
        
    </LinearLayout>
    
    <LinearLayout 
        android:id="@+id/main_linearLayout2"
        android:layout_width="0dip"
        android:layout_height="match_parent"
        android:layout_weight="1"
        android:orientation="vertical">
        
        <fragment 
        android:id="@+id/fragment2"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:name="com.wxl.fragment.Fragment2"
        />
        
    </LinearLayout>


</LinearLayout>

package com.wxl.fragment;

import android.annotation.SuppressLint;
import android.app.FragmentManager;
import android.app.FragmentTransaction;
import android.os.Bundle;
import android.support.v4.app.FragmentActivity;


public class MainActivity extends FragmentActivity{

    @SuppressLint("NewApi") @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        
       FragmentManager fragmentManager = getFragmentManager();
       FragmentTransaction fragmentTransaction = fragmentManager.beginTransaction();
       
       Fragment1 fragment1 = new Fragment1();
       fragmentTransaction.add(R.id.main_linearLayout1, fragment1);
       fragmentTransaction.commit();
              
    }
}

inflater.inflate(R.layout.fragment1, container,false);