Android笔记（十九） Android中的Fragment

通常我们使用Activity来展示界面，但是在手机上界面可能显示的很好看，但在平板上，因为平板的屏幕非常大，手机的界面放在平板上可能会出现控件被拉长、控件之间间距变大等问题。为了更好的体验效果，在Activity中嵌入“子Activity”，然后每个“子Activity”又可以拥有自己的布局，于是Fragment登场了。

什么是Fragment？

Fragment是Activity界面中的一部分或一种行为，你可以把多个Fragment组合到一个Acvitity中来创建一个多面界面，并且你也可以在多个Activity中重用一个Fragment，你可以选择在Activity运行时候添加或者删除Fragment，它具有自己的生命周期，接受它自己的事件。

Fragment不能独立存在，它必须是嵌入到Activity中的，而且Fragment的生命周期受所在Activity的影响：Activity暂停，它所拥有的所有的Fragment都暂停，Activity销毁，它所拥有的所有Fragment都销毁。只有当Activity出于活动状态时，程序员才可以通过独立的方法操作Fragment。

Fragment的特性归纳如下：

• l  Fragment总是作为Activity界面的组成部分，Fragment可以调用getActivity()方法获取它所在的Activity，Activity可以调用FragmentManager的findFragmentById()或者findFragmentByTag()方法来获取Fragment。
• l  在Activity运行过程中，可调用FragmentManager的add()、remove()、replace()方法动态的添加、删除、或者替换Fragment。
• l  一个Activity可以同时组合多个Fragment，反过来，一个Fragment也可以被多个Activity复用
• l  Fragment可以相应自己的输入事件，并且拥有自己的生命周期，但它们的生命周期直接被其所属的Acitivity的生命周期所限制。

如何创建Fragment

创建Fragment和Activity非常相似，需要继承Fragment及其子类，于此同时，只要将原来卸载Acitivity回调方法的代码“移到”Fragment的回调方法中即可。

Fragment的创建分为动态和讲台两种

静态创建Fragment简单示例：

步骤很简单，创建两个LinearLayout布局文件fragment1和fragment2，分别放入两个TextView；创建两个继承Fragment的类Fragmeng1和Fragment2，分别加载刚才建好的布局文件并返回；在主Activity的布局文件里面加入两个Fragment的引用，使用android:name前缀来引用具体的Fragment：

fragment1.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/fragment1"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:background="#204eee"
        android:text="BBBBBBBBBBBBBB" />

</LinearLayout>

fragment2.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/fragment2"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:background="#ff00ff"
        android:text="AAAAAAAAAAAAAAA" />

</LinearLayout>

Fragment1.java

package cn.lixyz.fragmenttest;

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

/**
 * Created by LGB on 2015/8/26.
 */
public class Fragment1 extends Fragment {

    @Nullable
    @Override
    public View onCreateView(LayoutInflater inflater, ViewGroup container, Bundle savedInstanceState) {

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

        return bookListView;

    }
}

Fragment2.java

package cn.lixyz.fragmenttest;

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

/**
 * Created by LGB on 2015/8/26.
 */
public class Fragment2 extends Fragment {

    @Nullable
    @Override
    public View onCreateView(LayoutInflater inflater, ViewGroup container, Bundle savedInstanceState) {

        View bookDescView = inflater.inflate(R.layout.fragment2, container, false);

        return bookDescView;
    }
}

activity_layout.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"
    tools:context=".MainActivity"
    android:orientation="horizontal">

    <!-- 主Activity的布局文件，在里面加入两个Fragment的引用，使用android:name前缀来引用具体的Fragment -->
    <fragment
        android:id="@+id/book_list"
        android:name="cn.lixyz.fragmenttest.Fragment1"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:layout_weight="4"
        />
    <fragment
        android:id="@+id/book_desc"
        android:name="cn.lixyz.fragmenttest.Fragment2"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:layout_weight="1"
        />

</LinearLayout>

MainActivity.java

package cn.lixyz.fragmenttest;

import android.support.v7.app.AppCompatActivity;
import android.os.Bundle;
import android.view.Menu;
import android.view.MenuItem;

public class MainActivity extends AppCompatActivity {

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

AndroidManiFest.xml

<?xml version="1.0" encoding="utf-8"?>
<manifest xmlns:android="http://schemas.android.com/apk/res/android"
    package="cn.lixyz.fragmenttest" >

    <application
        android:allowBackup="true"
        android:icon="@mipmap/ic_launcher"
        android:label="@string/app_name"
        android:theme="@style/AppTheme" >
        <activity
            android:name=".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>

运行结果：

动态创建Fragment简单示例：

修改文件：

activity_layout.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"
    tools:context=".MainActivity"
    android:orientation="horizontal"
    android:id="@+id/activity_main">
</LinearLayout>

MainActivity.java

package cn.lixyz.fragmenttest;

import android.support.v7.app.AppCompatActivity;
import android.os.Bundle;
import android.view.Display;
import android.view.Menu;
import android.view.MenuItem;

public class MainActivity extends AppCompatActivity {

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

        Display display = getWindowManager().getDefaultDisplay();
        if (display.getWidth() > display.getHeight()){
            Fragment1 fragment1 = new Fragment1();
            getFragmentManager().beginTransaction().replace(R.id.activity_main,fragment1).commit();
        }else{
            Fragment2 fragment2 = new Fragment2();
            getFragmentManager().beginTransaction().replace(R.id.activity_main,fragment2).commit();
        }
    }
}

运行结果：

旋转屏幕：

Fragment的生命周期

修改一下fragment1.java的代码

package cn.lixyz.fragmenttest;

import android.app.Activity;
import android.app.Fragment;
import android.os.Bundle;
import android.support.annotation.Nullable;
import android.util.Log;
import android.view.LayoutInflater;
import android.view.View;
import android.view.ViewGroup;

/**
 * Created by LGB on 2015/8/26.
 */
public class Fragment1 extends Fragment {

    int i = 1;

    @Nullable
    @Override
    public View onCreateView(LayoutInflater inflater, ViewGroup container, Bundle savedInstanceState) {
        View bookListView = inflater.inflate(R.layout.fragment1, container, false);
        Log.d("TEST", (i++) + ". onCreateView方法运行了");
        return bookListView;
    }

    @Override
    public void onAttach(Activity activity) {
        super.onAttach(activity);
        Log.d("TEST", (i++) + ". onAttach方法运行了");
    }

    @Override
    public void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        Log.d("TEST", (i++) + ". onCreate方法运行了");
    }

    @Override
    public void onActivityCreated(Bundle savedInstanceState) {
        super.onActivityCreated(savedInstanceState);
        Log.d("TEST", (i++) + ". onActivityCreated方法运行了");
    }

    @Override
    public void onStart() {
        super.onStart();
        Log.d("TEST", (i++) + ". onStart方法运行了");
    }

    @Override
    public void onResume() {
        super.onResume();
        Log.d("TEST", (i++) + ". onResume方法运行了");
    }

    @Override
    public void onPause() {
        super.onPause();
        Log.d("TEST", (i++) + ". onPause方法运行了");
    }

    @Override
    public void onStop() {
        super.onStop();
        Log.d("TEST", (i++) + ". onStop方法运行了");
    }

    @Override
    public void onDestroyView() {
        super.onDestroyView();
        Log.d("TEST", (i++) + ". onDestroyView方法运行了");
    }

    @Override
    public void onDestroy() {
        super.onDestroy();
        Log.d("TEST", (i++) + ". onDestroy方法运行了");
    }

    @Override
    public void onDetach() {
        super.onDetach();
        Log.d("TEST", (i++) + ". onDetach方法运行了");
    }
}

运行程序：

按HOME键返回桌面

再重新进入程序

按back键退出程序

看到这里，我相信大多数朋友已经非常明白了，因为这和Activity的生命周期太相似了。只是有几个Activity中没有的新方法，这里需要重点介绍一下：

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

Fragment之间的通信

通常情况下，一个Activity都会包含多个Fragment，这个时候多个Fragment之间就需要进行通信了。我们通过getActivity()这个方法实现，该方法可以让Fragment获取到关联的Activity，然后再调用Activity的findViewById()方法，就可以获取到和这个Activity关联的其他Fragment的视图了。

简单示例：

fragment1.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/fragment1"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:background="#204eee"
        android:text="这是fragment1" />

</LinearLayout>

fragment2.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"
    android:background="#ff00ff">

    <TextView
        android:id="@+id/fragment2"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="这是fragment2" />

    <Button
        android:id="@+id/button"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="获取fragment1的文本"/>

</LinearLayout>

Fragment1.java

package cn.lixyz.fragmenttest;

import android.app.Activity;
import android.app.Fragment;
import android.os.Bundle;
import android.support.annotation.Nullable;
import android.util.Log;
import android.view.LayoutInflater;
import android.view.View;
import android.view.ViewGroup;

/**
 * Created by LGB on 2015/8/26.
 */
public class Fragment1 extends Fragment {

    int i = 1;

    @Nullable
    @Override
    public View onCreateView(LayoutInflater inflater, ViewGroup container, Bundle savedInstanceState) {
        View bookListView = inflater.inflate(R.layout.fragment1, container, false);
        Log.d("TEST", (i++) + ". onCreateView方法运行了");
        return bookListView;
    }

    @Override
    public void onAttach(Activity activity) {
        super.onAttach(activity);
        Log.d("TEST", (i++) + ". onAttach方法运行了");
    }

    @Override
    public void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        Log.d("TEST", (i++) + ". onCreate方法运行了");
    }

    @Override
    public void onActivityCreated(Bundle savedInstanceState) {
        super.onActivityCreated(savedInstanceState);
        Log.d("TEST", (i++) + ". onActivityCreated方法运行了");
    }

    @Override
    public void onStart() {
        super.onStart();
        Log.d("TEST", (i++) + ". onStart方法运行了");
    }

    @Override
    public void onResume() {
        super.onResume();
        Log.d("TEST", (i++) + ". onResume方法运行了");
    }

    @Override
    public void onPause() {
        super.onPause();
        Log.d("TEST", (i++) + ". onPause方法运行了");
    }

    @Override
    public void onStop() {
        super.onStop();
        Log.d("TEST", (i++) + ". onStop方法运行了");
    }

    @Override
    public void onDestroyView() {
        super.onDestroyView();
        Log.d("TEST", (i++) + ". onDestroyView方法运行了");
    }

    @Override
    public void onDestroy() {
        super.onDestroy();
        Log.d("TEST", (i++) + ". onDestroy方法运行了");
    }

    @Override
    public void onDetach() {
        super.onDetach();
        Log.d("TEST", (i++) + ". onDetach方法运行了");
    }
}

Fragment2.java

package cn.lixyz.fragmenttest;

import android.app.Fragment;
import android.os.Bundle;
import android.support.annotation.Nullable;
import android.util.Log;
import android.view.LayoutInflater;
import android.view.View;
import android.view.ViewGroup;
import android.widget.Button;
import android.widget.TextView;
import android.widget.Toast;

/**
 * Created by LGB on 2015/8/26.
 */
public class Fragment2 extends Fragment {

    @Nullable
    @Override
    public View onCreateView(LayoutInflater inflater, ViewGroup container, Bundle savedInstanceState) {
        View bookDescView = inflater.inflate(R.layout.fragment2, container, false);
        return bookDescView;
    }

    @Override
    public void onActivityCreated(Bundle savedInstanceState) {
        super.onActivityCreated(savedInstanceState);
        Button button = (Button) getActivity().findViewById(R.id.button);
        button.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View v) {
                TextView textView = (TextView) getActivity().findViewById(R.id.fragment1);
                Toast.makeText(getActivity(),textView.getText(),Toast.LENGTH_SHORT).show();
            }
        });
    }
}

activity_layout.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"
    tools:context=".MainActivity"
    android:orientation="horizontal"
    android:id="@+id/activity_main">

    <fragment
        android:id="@+id/book_list"
        android:name="cn.lixyz.fragmenttest.Fragment1"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:layout_weight="4"
        />
    <fragment
        android:id="@+id/book_desc"
        android:name="cn.lixyz.fragmenttest.Fragment2"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:layout_weight="1"
        />
</LinearLayout>

MainActivity.java

package cn.lixyz.fragmenttest;

import android.support.v7.app.AppCompatActivity;
import android.os.Bundle;
import android.view.Display;
import android.view.Menu;
import android.view.MenuItem;

public class MainActivity extends AppCompatActivity {

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

    }
}

AndroidManiFest.xml

<?xml version="1.0" encoding="utf-8"?>
<manifest xmlns:android="http://schemas.android.com/apk/res/android"
    package="cn.lixyz.fragmenttest" >

    <application
        android:allowBackup="true"
        android:icon="@mipmap/ic_launcher"
        android:label="@string/app_name"
        android:theme="@style/AppTheme" >
        <activity
            android:name=".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>

运行结果