Android 中的 Fragment 嵌套 Fragment

androidmobile developmentapps/applications更新于 2026/2/6 21:07:17

简介

在构建 Android 应用程序时,我们经常会遇到需要将一个 Fragment 显示到另一个 Fragment 中的情况。例如,我们在应用程序中使用带有 Fragment 的 Tab 布局,并且希望在点击按钮时打开另一个 Fragment,那么我们就需要在当前 Fragment 中调用另一个 Fragment。在本文中,我们将介绍如何在 Android 中将 Fragment 调用到另一个 Fragment。

实现

我们将创建一个简单的应用程序,在父 Activity 中显示一个文本视图。在这个父 Activity 中,我们将调用父 Fragment 并在其中显示一条文本消息。之后,我们将在父 Fragment 中调用子 Fragment,并在该 Fragment 中显示一条文本消息。

步骤 1:在 Android Studio 中创建新项目

按照下图所示导航到 Android Studio。在下面的屏幕中,点击"新建项目"以创建一个新的 Android Studio 项目。

点击"新建项目"后,您将看到以下屏幕。

在此屏幕中,我们只需选择"空活动"并点击"下一步"。点击"下一步"后,您将看到以下屏幕。

在此屏幕中,我们只需指定项目名称。然后,软件包名称将自动生成。

注意 - 确保选择 Java 作为语言。

指定所有详细信息后,点击"完成"以创建一个新的 Android Studio 项目。

项目创建完成后,我们将看到两个打开的文件,即 activity_main.xml 和 MainActivity.java 文件。

步骤 3:使用 activity_main.xml

导航到 activity_main.xml。如果此文件不可见,请打开此文件。在左侧窗格中,导航至 app>res>layout>activity_main.xml 以打开此文件。打开此文件后,将以下代码添加到其中。代码中添加了注释,以便您详细了解。

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
   xmlns:app="http://schemas.android.com/apk/res-auto"
   xmlns:tools="http://schemas.android.com/tools"
   android:id="@+id/idCLayout"
   android:layout_width="match_parent"
   android:layout_height="match_parent"
   android:orientation="vertical"
   tools:context=".MainActivity">

   <!-- creating a text view for displaying the text for parent activity-->
   <TextView
      android:id="@+id/idTVHeading"
      android:layout_width="match_parent"
      android:layout_height="wrap_content"
      android:padding="4dp"
      android:text="Parent Activity"
      android:textAlignment="center"
      android:textColor="@color/black"
      android:textSize="20sp"
      android:textStyle="bold" />

   <!-- creating a frame layout for displaying a parent fragment -->
   <FrameLayout
      android:id="@+id/parentContainer"
      android:layout_width="match_parent"
      android:layout_height="match_parent"
      android:layout_below="@id/idTVHeading" />

</RelativeLayout>

说明 - 在上面的代码中,我们创建了一个相对布局作为根布局,并在其中创建了一个文本视图,用于显示当前活动(作为父活动)的标题。然后,我们创建了一个框架布局,用于显示包含文本视图和子片段的父片段。

步骤 4:创建两个新的片段

现在我们将创建两个片段,一个作为父片段,另一个作为子片段。要创建新的片段,请导航至:应用程序>java>您的应用包名称>右键单击它>新建>片段,然后选择一个空白片段并将其命名为 ParentFragment。同样,创建另一个片段,并将其命名为 ChildFragment。将为这两个片段创建 xml 和 java 文件。

步骤 5:使用 fragment_parent.xml 文件

导航到 fragment_one.xml。如果此文件不可见,请打开此文件。在左侧窗格中,导航至 app>res>layout>fragment_parent.xml 以打开此文件。打开此文件后,将以下代码添加到其中。代码中添加了注释,以便您详细了解。

<?xml version="1.0" encoding="utf-8"?>
<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"
   tools:context=".ParentFragment">

   <!-- creating a text view for displaying the text for parent activity-->
   <TextView
      android:id="@+id/idTVHeading"
      android:layout_width="match_parent"
      android:layout_height="wrap_content"
      android:padding="5dp"
      android:text="Parent fragment"
      android:textAlignment="center"
      android:textColor="@color/black"
      android:textSize="20sp"
      android:textStyle="bold" />
   <!-- creating a frame layout for displaying a child fragment -->
   <FrameLayout
      android:id="@+id/childFragmentContainer"
      android:layout_width="match_parent"
      android:layout_height="match_parent"
      android:layout_below="@id/idTVHeading">
   </FrameLayout>
</RelativeLayout>

说明 - 在上面的代码中,我们创建了一个根布局作为相对布局。在这个相对布局中,我们创建了一个文本视图,用于显示当前片段的标题(作为父片段),然后我们为子片段创建一个框架布局,用于显示子片段。

步骤 6:使用 fragment_child.xml 文件

导航到 fragment_one.xml。如果此文件不可见,请打开此文件。在左侧窗格中,导航至 app>res>layout>fragment_child.xml 以打开此文件。打开此文件后,将以下代码添加到其中。代码中添加了注释,以便您详细了解。

<?xml version="1.0" encoding="utf-8"?>
<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"
   tools:context=".ChildFragment">

   <!-- creating a text view for displaying a text-->
   <TextView
      android:id="@+id/idTVHeading"
      android:layout_width="match_parent"
      android:layout_height="wrap_content"
      android:layout_centerInParent="true"
      android:padding="5dp"
      android:text="Child fragment"
      android:textAlignment="center"
      android:textColor="@color/black"
      android:textSize="20sp"
      android:textStyle="bold" />

</RelativeLayout>

说明:在上面的代码中,我们创建了一个根布局作为相对布局。在这个相对布局中,我们创建了一个文本视图,用于显示当前 Fragment 的标题(作为子 Fragment)。

步骤 7 - 使用 ParentFragment.java 文件

导航到 ParentFragment.java。如果此文件不可见,请打开此文件。在左侧窗格中,导航至 app>java>您的应用包名称>ParentFragment.java 以打开此文件。打开此文件后,将以下代码添加到其中。代码中添加了注释,以便您详细了解。

package com.example.androidjavaapp;

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

public class ParentFragment extends Fragment {
   @Override
   public View onCreateView(LayoutInflater inflater, ViewGroup container,
   Bundle savedInstanceState) {
    // 为该 fragment 填充布局
    View view = inflater.inflate(R.layout.fragment_parent, container, false);
    
    // 下面一行创建一个子 fragment
    Fragment childFragment = new ChildFragment();
    
    // 下面一行创建一个 fragment 事务并初始化它。
    FragmentTransaction transaction = getChildFragmentManager().beginTransaction();
    
    // 下面一行用子 fragment 替换子容器中的 fragment。
    transaction.replace(R.id.childFragmentContainer, childFragment).commit();
    return view;
   }
}

说明 - 在上面的代码中,我们可以看到 onCreateView 方法,该方法用于为 fragment_parent.xml 文件填充布局。在这个 onCreateView 方法中,我们首先为子 Fragment 创建变量,然后调用并初始化 Fragment 事务。我们将使用此变量进行 Fragment 事务,替换容器中的 Fragment。

步骤 8:使用 MainActivity.java 文件。

导航到 MainActivity.java。如果此文件不可见,请打开此文件。在左侧窗格中,导航至 app>java>您的应用包名称>MainActivity.java 以打开此文件。打开此文件后,将以下代码添加到其中。代码中添加了注释,以便您详细了解。

package com.example.androidjavaapp;

import android.os.Bundle;
import androidx.appcompat.app.AppCompatActivity;
import androidx.fragment.app.FragmentTransaction;

public class MainActivity extends AppCompatActivity {
   @Override
   protected void onCreate(Bundle savedInstanceState) {
    super.onCreate(savedInstanceState);
    setContentView(R.layout.activity_main);
    
    // 创建并初始化 Fragment 事务变量。
    FragmentTransaction ft = getSupportFragmentManager().beginTransaction();
    
    // 用父 Fragment 替换父容器。
    ft.replace(R.id.parentContainer, new ParentFragment());
    
    // 提交事务。
    ft.commit();

   }
}

说明 - 在上面的代码中,我们可以看到 onCreate 方法,该方法正在为 activity_main.xml 填充布局。在这个 onCreate 方法中,我们使用 Fragmenttransaction 加载 ParentFragment。然后,我们将父容器中的 Fragment 替换为 Parent Fragment。

添加上述代码后,现在只需点击顶部栏中的绿色图标即可在移动设备上运行我们的应用。

注意 - 确保您已连接到真实设备或模拟器。

输出

在上面的输出屏幕截图中,我们可以看到三个文本视图,首先是我们的 Parent Activity,我们正在其中加载 Parent Fragment。这样,我们就可以看到父 Fragment 的文本,然后可以看到另一个作为子 Fragment 的文本视图,我们正在加载子 Fragment。

结论

在上面的教程中,我们了解了如何在 Android 应用程序中获取当前显示的 Fragment 实例。


相关文章