Android系列之Fragment（一）----Fragment加载到Activity当中

时间 2019-11-11

标签 android 系列 fragment 加载 activity 当中栏目 Android 繁體版

原文原文链接

【声明】 html

欢迎转载，但请保留文章原始出处→_→ java

生命壹号：http://www.cnblogs.com/smyhvae/ android

文章来源：http://www.cnblogs.com/smyhvae/p/3978989.htmlapp

【正文】ide

Android上的界面展现都是经过Activity实现的，Activity实在是太经常使用了。可是Activity也有它的局限性，一样的界面在手机上显示可能很好看，在平板上就未必了，由于平板的屏幕很是大，手机的界面放在平板上可能会有过度被拉长、控件间距过大等状况。这个时候更好的体验效果是在Activity中嵌入"小Activity"，而后每一个"小Activity"又能够拥有本身的布局。所以，咱们今天的主角Fragment登场了。模块化

1、Fragment初探：布局

Fragment是activity的界面中的一部分或一种行为。你能够把多个Fragment们组合到一个activity中来建立一个多面界面，而且你能够在多个activity中重用一个Fragment。你能够把Fragment认为模块化的一段activity，它具备本身的生命周期，接收它本身的事件，并能够在activity运行时被添加或删除。spa

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

当向activity中添加一个Fragment时，它须置于ViewGroup控件中，而且需定义Fragment本身的界面。你能够在layoutxml文件中声明Fragment，元素为：<fragment>；也能够在代码中建立Fragment，而后把它加入到ViewGroup控件中。然而，Fragment不必定非要放在activity的界面中，它能够隐藏在后台为actvitiy工做。code

设计的哲学：

为了让界面能够在平板上更好地展现，Android在3.0版本引入了Fragment(碎片)功能，经过官方文档中的这张图片能够很明显地看到Fragment的好处：

注：左边为平板，右边为手持设备。

2、Fragment的生命周期：

由于Fragment必须嵌入在Acitivity中使用，因此Fragment的生命周期和它所在的Activity是密切相关的。

若是Activity是暂停状态，其中全部的Fragment都是暂停状态；若是Activity是stopped状态，这个Activity中全部的Fragment都不能被启动；若是Activity被销毁，那么它其中的全部Fragment都会被销毁。

可是，当Activity在活动状态，能够独立控制Fragment的状态，好比加上或者移除Fragment。

当这样进行fragment transaction（转换）的时候，能够把fragment放入Activity的back stack中，这样用户就能够进行返回操做。

使用Fragment时，须要继承Fragment或者Fragment的子类（DialogFragment, ListFragment, PreferenceFragment, WebViewFragment），因此Fragment的代码看起来和Activity的相似。

每当建立一个Fragment时，首先添加如下三个回调方法：

onCreate()：系统在建立Fragment的时候调用这个方法，这里应该初始化相关的组件，一些即使是被暂停或者被中止时依然须要保留的东西。
onCreateView()：当第一次绘制Fragment的UI时系统调用这个方法，该方法将返回一个View，若是Fragment不提供UI也能够返回null。注意，若是继承自ListFragment，onCreateView()默认的实现会返回一个ListView，因此不用本身实现。

onPause()：当用户离开Fragment时第一个调用这个方法，须要提交一些变化，由于用户极可能再也不返回来。

将Fragment加载到Activity当中有两种方式：

方式一：添加Fragment到Activity的布局文件当中
方式二：在Activity的代码中动态添加Fragment

第一种方式虽然简单但灵活性不够。添加Fragment到Activity的布局文件当中,就等同于将Fragment及其视图与activity的视图绑定在一块儿，且在activity的生命周期过程当中，没法切换fragment视图。

第二种方式比较复杂，但也是惟一一种能够在运行时控制fragment的方式（加载、移除、替换）。

下面将分别介绍一下。

3、在Activity的布局文件中添加Fragment：（不推荐）

平板的模拟器参数以下：

而后新建一个工程文件。而后继续以下步骤：

（1）新建文件fragment_hello.xml和HelloFragment.java：

fragment_hello.xml代码以下：（即Fragment的布局文件）

<?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" >
    
    <EditText 
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:hint="请输入内容"/>
    <RatingBar
        android:id="@+id/ratingBar1"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content" />
</LinearLayout>

HelloFragment.java代码以下：

 1 package com.example.m01_fragment01;
 2 
 3 import android.app.Fragment;
 4 import android.os.Bundle;
 5 import android.view.LayoutInflater;
 6 import android.view.View;
 7 import android.view.ViewGroup;
 8 
 9 public class HelloFragment extends Fragment {
10     
11     @Override
12     public void onCreate(Bundle savedInstanceState) {
13         super.onCreate(savedInstanceState);
14     }
15     
16     @Override
17     public View onCreateView(LayoutInflater inflater, ViewGroup container,
18             Bundle savedInstanceState) {
19         View view = inflater.inflate(R.layout.fragment_hello, null);  // View android.view.LayoutInflater.inflate(int resource, ViewGroup root) 
20         return view; 21     }
22     
23     @Override
24     public void onPause() {
25         super.onPause();
26     }
27 }

重点在于第19和20行，经过inflate()方法将自定义的fragment的布局加载进来。

19行代码中，第二个参数中，若是布局没有根，那就用null。

注：上方代码中，由于咱们的程序是面对Android 4.0以上版本的，因此导入Fragment的包时，选择第一个：android.app.Fragment

（2）将Fragment添加到Activity的布局中：

修改activity_main.xml的代码以下：

 1 <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
 2     xmlns:tools="http://schemas.android.com/tools"
 3     android:layout_width="match_parent"
 4     android:layout_height="match_parent"
 5     tools:context=".MainActivity" >
 6 
 7     <fragment
 8         android:id="@+id/fragment_hello"
 9  android:name="com.example.m01_fragment02.HelloFragment"
10         android:layout_width="wrap_content"
11         android:layout_height="wrap_content" />
12 </LinearLayout>

08行和09行是关键。其中android:name属性填上你本身建立的fragment的完整类名。以下图：

当系统建立这个Activity的布局文件时，系统会实例化每个fragment，而且调用它们的onCreateView()方法，来得到相应fragment的布局，并将返回值插入fragment标签所在的地方。

运行以后，效果以下：

实际上，这种方式在开发中并不推荐，咱们来介绍另一种方法。

4、在activity代码中添加fragment：

【实例】点击左侧fragment中的按钮，弹出右侧的fragment。新建一个工程文件，而后步骤以下：

（1）将activity_main的布局分为两部分：左边占1/4，右边占3/4。修改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"
    tools:context=".MainActivity"
    android:orientation="horizontal" >

    <LinearLayout
        android:id="@+id/left"
        android:layout_width="0dp"
        android:layout_height="match_parent"
        android:orientation="vertical"
        android:layout_weight="1"
        android:background="#00BFFF" >
        
        <Button 
            android:id="@+id/button1"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"            
            android:text="显示"/>
        
    </LinearLayout>

    <LinearLayout
         android:id="@+id/right"       
        android:layout_width="0dp"
        android:layout_height="match_parent"
        android:layout_weight="3"
        android:background="#00FFFF"
        android:orientation="vertical" >

    </LinearLayout>

</LinearLayout>

上方代码中，一个LinearLayout表明一个Fragment的容器，记得要给每一个fragment加一个容器的id。上方代码的布局效果以下：

既然两个fragment的空间都分配好了，接下来右边的Fragment写出来。

（2）新建文件fragment_right.xml和RightFragment.java：

fragment_right.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/textView1"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="新闻内容" />

    <Button
        android:id="@+id/button2"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="Button" />

</LinearLayout>

RightFragment.java代码以下：

package com.example.m01_fragment03;

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

public class RightFragment extends Fragment {
    @Override
    public void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
    }
    
    @Override
    public View onCreateView(LayoutInflater inflater, ViewGroup container,
            Bundle savedInstanceState) {
        View view = inflater.inflate(R.layout.fragment_right, null);
        return view;
    }
    
    @Override
    public void onPause() {
        super.onPause();
    }
}

紧接着，咱们修改上方onCreateView()方法中的代码，实现点击按钮，可以弹出吐司：

 1 public View onCreateView(LayoutInflater inflater, ViewGroup container,
 2             Bundle savedInstanceState) {
 3         View view = inflater.inflate(R.layout.fragment_right, null);
 4         Button button = (Button)view.findViewById(R.id.button2);  5         button.setOnClickListener(new OnClickListener() {  6  @Override  7             public void onClick(View v) {  8                 Toast.makeText(getActivity(), "我是fragment", Toast.LENGTH_SHORT).show();  9             }
10         });
11         return view;
12     }

第04行代码：有一个单词view不要忘了。

第08行代码：第一个参数必定是getActivity，以此来得到父类的Activity

（3）在activity代码中添加fragment：

点击MainActivity中左侧的按钮，弹出右侧的Fragment，

MainActivity.java的监听器部分的代码以下：

 1         button.setOnClickListener(new OnClickListener() {
 2             
 3             @Override
 4             public void onClick(View v) {
 5 
 6                 //步骤一：添加一个FragmentTransaction的实例
 7                 FragmentManager fragmentManager =getFragmentManager();  8                 FragmentTransaction transaction = fragmentManager.beginTransaction();  9 
10                 //步骤二：用add()方法加上Fragment的对象rightFragment 
11                 RightFragment rightFragment = new RightFragment(); 12  transaction.add(R.id.right, rightFragment); 13 
14                 //步骤三：调用commit()方法使得FragmentTransaction实例的改变生效
15  transaction.commit();          
16             }
17         });

记住上面的三个步骤。

第12行代码是整个程序的核心。add()方法里的第一个参数是容器视图资源ID，而不是layout。容器视图资源ID有两个做用：

告知FragmentManager，fragment视图应该出如今activity视图的什么地方
是FragmentManager队列中fragment的惟一标识符

运行后，效果以下：

点击左侧的按钮后，出现右侧的界面。点击右侧的按钮，弹出吐司。效果以下：

固然，这个代码还不够成熟，由于还涉及到了生命周期没有处理。咱们将在下一章节中进行讲解。

【索引】

若是你对本文存在疑惑，请参考本人关于Fragment的系列文章：（不断更新）

Android系列之Fragment（一）----Fragment加载到Activity当中

Android系列之Fragment（二）----Fragment的生命周期和返回栈

Android系列之Fragment（三）----Fragment和Activity之间的通讯（含接口回调）

Android系列之Fragment（四）----ListFragment的使用