Android 控件演示 - Fragment (二)

在 Android 控件演示 - Fragment (一), 演示了适用静态的方式将 Fragment 放置到 Activity 中。本文将简单演示如何动态的切换 Fragment。

继续使用 Android 控件演示 - Fragment (一) 中的示例，在 MainActivity 中添加一个按钮，当按钮按下时，将 fragment1 中的 Fragment 由 TodoFragment 切换新加的一个 ProductFragment。

添加按钮

添加后界面描述文件 activity_main.xml 为:

<?xml version="1.0" encoding="utf-8"?>
<androidx.constraintlayout.widget.ConstraintLayout 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:layout_width="match_parent"
    android:layout_height="match_parent"
    tools:context=".MainActivity">

    <fragment
        android:id="@+id/fragment1"
        android:name="cn.com.hohistar.tutorial.fragmenttutorial.TodoFragment"
        android:layout_width="361dp"
        android:layout_height="176dp"
        android:layout_marginStart="27dp"
        android:layout_marginLeft="27dp"
        android:layout_marginTop="73dp"
        android:layout_marginEnd="27dp"
        android:layout_marginRight="27dp"
        android:layout_weight="1"
        app:layout_constraintEnd_toEndOf="parent"
        app:layout_constraintStart_toStartOf="parent"
        app:layout_constraintTop_toTopOf="parent" />

    <Button
        android:id="@+id/btnChange"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_marginTop="8dp"
        android:layout_marginEnd="8dp"
        android:layout_marginRight="8dp"
        android:text="Change Fragment"
        app:layout_constraintEnd_toEndOf="@+id/fragment1"
        app:layout_constraintStart_toStartOf="@+id/fragment1"
        app:layout_constraintTop_toBottomOf="@+id/fragment1" />

</androidx.constraintlayout.widget.ConstraintLayout>

新建 Fragment

选择新建一个 Fragment, 并命名为： ProductFragment。然后在 ProductFragment 中加入一个简单的文本显示即可。

<?xml version="1.0" encoding="utf-8"?>
<androidx.constraintlayout.widget.ConstraintLayout 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/frameLayout"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    tools:context=".ProductFragment">

    <!-- TODO: Update blank fragment layout -->

    <TextView
        android:id="@+id/textView"
        android:layout_width="wrap_content"
        android:layout_height="0dp"
        android:layout_marginStart="160dp"
        android:layout_marginLeft="160dp"
        android:layout_marginTop="50dp"
        android:layout_marginEnd="160dp"
        android:layout_marginRight="160dp"
        android:text="Product Detail"
        app:layout_constraintEnd_toEndOf="parent"
        app:layout_constraintStart_toStartOf="parent"
        app:layout_constraintTop_toTopOf="parent" />

</androidx.constraintlayout.widget.ConstraintLayout>

ProductFragment 对应的java代码不做任何改动，保持不变。

实现 Fragment 动态切换

然后在 MainActivity.java 中加入按钮事件处理代码:

@OnClick(R.id.btnChange) void onChangeFragment() {

    FragmentManager fm = getSupportFragmentManager();

    Fragment productFragment = new ProductFragment();
    fm.beginTransaction()
            .add(R.id.fragment1, productFragment)
            .commit();
}

以上代码中，使用了 FragmentManager，FragmentManager 是 Android 中用来管理 Fragment 的一个类，可以通过 Activity 中的 getSupportFragmentManager() 方法获得FragmentManager，FragmentManager 中包含了 add(), remove(), replace() 等方法对 Fragment 进行管理。其典型的调用格式为:

beginTransaction()
    操作1
    操作2
    ...
    操作n
commit()

该完以后运行程序，就可以看到通过按钮实现了 Fragment 的切换。