【Android进阶篇】Fragment的两种加载形式

【Android进阶篇】Fragment的两种加载方式

一、概述

Fragment（碎片，片段）是在Android 3.0后才引入的，主要的目的是为了实现在大屏幕设备上的更加动态更加灵活的UI设计。 这是因为平板电脑的屏幕比手机大得多，所以屏幕上可以放更多的组件，而不是简单地只是把手机上的组件放大。所以Fragment在应用中的是一个可重用的模块化组件，它有自己的布局、自己的生命周期，在一个Activity中可以包含多个Fragment。

二、在Activity中加载Fragment

Fragment的加载方式包含两种：静态加载和动态加载。静态加载很简单，我们只需要把Fragment（片段）当成普通UI控件放到界面Layout中就行；动态加载稍微复杂一点， 需要用到事务。

三、静态加载

在Activity中静态加载Fragment的过程分为三步：

1. 创建一个Layout文件，就是我们的Fragment的UI界面

2. 创建一个类继承Fragment，然后重写里面的onCreateView方法，将Fragment的Layout变成View

3. 在Layout布局文件中声明fragment，android:name属性里是我们上面创建的类，另外，fragment必须用id或tag作为唯一标识

综上，就是Fragment静态加载的内容。下面来看一个示例：

首先，是Fragment的UI布局myfragment.xml文件，如下：

<?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" >

    <TextView
        android:id="@+id/textView"
        android:textSize="20sp"
        android:layout_gravity="center"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="Fragment示例" />

</LinearLayout>

然后，创建类MyFragment.java，继承Fragment：

package com.example.myfragment;

import android.annotation.SuppressLint;
import android.app.Fragment;
import android.os.Bundle;
import android.util.Log;
import android.view.LayoutInflater;
import android.view.View;
import android.view.ViewGroup;

@SuppressLint("NewApi")
public class MyFragment extends Fragment{
 
 @Override
 public View onCreateView(LayoutInflater inflater, ViewGroup container,
   Bundle savedInstanceState) {
  Log.d("Fragment", "onCreateView");
  // 将myfragment Layout文件转化为View
  //返回转化来的View
  return inflater.inflate(R.layout.myfragment, container, false);
 }
}

最后，我们需要在activity_main.xml中声明fragment标签：

<RelativeLayout 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:paddingBottom="@dimen/activity_vertical_margin"
    android:paddingLeft="@dimen/activity_horizontal_margin"
    android:paddingRight="@dimen/activity_horizontal_margin"
    android:paddingTop="@dimen/activity_vertical_margin"
    tools:context="com.example.myfragment.MainActivity" >

    <fragment
        android:name="com.example.myfragment.MyFragment"
        android:id="@+id/myfragment_1"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
         />

</RelativeLayout>

android:name属性中是MyFragment.java的全名，android:id中是Fragment的唯一标识（这个必须得加，否则报错，也可用android:tag属性来作唯一标识）。

下面是MainActivity的代码，我们在这里将Fragment中的那行字改了一下，由"Fragment示例"改成了"床前明月光"：

package com.example.myfragment;

import android.os.Bundle;
import android.support.v7.app.ActionBarActivity;
import android.widget.TextView;


public class MainActivity extends ActionBarActivity {

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        //做一个简单的UI操作，证明静态加载时我们可以直接获取到
        //Fragment中的UI控件
        TextView tv = (TextView) findViewById(R.id.textView);
        tv.setText("床前明月光");
    }
}

运行后可看到结果：

四、动态加载

实现动态加载，我们需要先了解Fragment事务。熟悉数据库的同学都知道，事务指的就是一种原子性、不可拆分的操作。所谓的Fragment事务就是： 对Fragment进行添加、移除、替换或执行其它动作，提交给Activity的每一个变化。 这就是Fragment事务。

Fragment是UI模块，自然在一个Activity中可以不只有一个模块，所以Android提供了FragmentManage类来管理Fragment，FragmentTransaction类来管理事务。我们对Fragment的动态加载就是先将添加、移除等操作提交到事务，然后通过FragmentManage完成的。

通过FragmentManager.beginTransaction()我们可以开始一个事务。在事务中，我们可以对Fragment进行的操作以及对应的方法如下：

添加：add()

移除：remove()

替换：replace()

提交事务：commit()

上面几个是比较常用的，还有attach()、detach()、hide()、addToBackStack()等方法。

我们需要注意的是，Fragment以ID或Tag作为唯一标识，所以remove和replace的参数是Fragment，这个Fragment目标Fragment一致。在下面的示例里，我使用了一个栈记录所有添加的Fragment，然后在移除时使用。

示例：

在上面那个工程的基础上，先修改一下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="vertical"
    tools:context="com.example.myfragment.MainActivity" >

    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:orientation="horizontal"
        android:gravity="center"
        >
        <Button 
            android:id="@+id/add"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="添加"
            android:textSize="24sp"/>
        <Button 
            android:id="@+id/remove"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="移除"
            android:textSize="24sp"/>
        
     </LinearLayout>  
 	
    <!-- 这个LinearLayout里放置Fragment -->
    <LinearLayout 
        android:id="@+id/fragments"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:orientation="vertical"
        ></LinearLayout>
   

</LinearLayout>

MainActivity代码，细节写在了注释里：

package com.example.myfragment;

import java.util.Stack;

import android.annotation.SuppressLint;
import android.app.Fragment;
import android.app.FragmentManager;
import android.app.FragmentTransaction;
import android.os.Bundle;
import android.support.v7.app.ActionBarActivity;
import android.view.View;
import android.view.View.OnClickListener;
import android.widget.Button;


public class MainActivity extends ActionBarActivity implements OnClickListener{
 
 private Button add;	// 添加Fragment
 private Button remove;	// 移除Fragment
 
 // Fragment管理器
 private FragmentManager manager;
 
 // 使用一个栈记录所有添加的Fragment
 private Stack<Fragment> fragmentStack = new Stack<Fragment>();
 
    @SuppressLint("NewApi") @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        add = (Button) findViewById(R.id.add);
        remove = (Button) findViewById(R.id.remove);
        //给两个按钮注册监听器
        add.setOnClickListener(this);
        remove.setOnClickListener(this);
        //获取Fragment管理器
        manager = this.getFragmentManager();
       
       
    }

 @SuppressLint("NewApi") @Override
 public void onClick(View v) {
  // TODO Auto-generated method stub
  MyFragment fragment;
  FragmentTransaction transaction;
  switch(v.getId()){
  // 添加Fragment
  case R.id.add:
   // 新建一个Fragment
   fragment = new MyFragment();
   // 将ID添加到栈中
   this.fragmentStack.push(fragment);
   
         // 开启一个新事务
   transaction = manager.beginTransaction();
   // 使用add方法添加Fragment，第一个参数是要把Fragment添加到的布局Id
   // 第二个就是要添加的Fragment
      transaction.add(R.id.fragments, fragment);
      // 提交事务，否则添加就没成功
      transaction.commit();
   break;
  // 移除Fragment
  case R.id.remove:
   // 新建一个Fragment
   // 开启一个新事务
   transaction = manager.beginTransaction();
   // 使用add方法添加Fragment，第一个参数是要把Fragment添加到的布局Id
   // 第二个就是要添加的Fragment
   if(!this.fragmentStack.empty())
    transaction.remove((
        this.fragmentStack.pop()));
      // 提交事务，否则添加就没成功
      transaction.commit();
   
   break;
  }
 }
}

最后的结果图：

Fragment可以添加也可以移除。