Android使用Fragment實現(xiàn)控制切換多個頁面

更新時間：2025年12月08日 08:19:57 作者：牛肉胡辣湯

在Android開發(fā)中,??Fragment?? 是一個非常重要的組件,它允許開發(fā)者將復(fù)雜的界面拆分成更小、更易于管理的部分,本文將詳細介紹如何在Android中使用 ??Fragment?? 來控制多個頁面的切換,有需要的小伙伴可以了解下

在Android開發(fā)中，??Fragment?? 是一個非常重要的組件，它允許開發(fā)者將復(fù)雜的界面拆分成更小、更易于管理的部分。通過使用 ??Fragment??，我們可以在同一個Activity中實現(xiàn)多個頁面的切換，從而提高應(yīng)用的用戶體驗和靈活性。本文將詳細介紹如何在Android中使用 ??Fragment?? 來控制多個頁面的切換。

1. 創(chuàng)建Fragment

首先，我們需要創(chuàng)建幾個 ??Fragment?? 類來代表不同的頁面。每個 ??Fragment?? 類通常會有一個對應(yīng)的布局文件。

1.1 創(chuàng)建Fragment類

假設(shè)我們要創(chuàng)建兩個頁面，分別為 ??FirstFragment?? 和 ??SecondFragment??。

FirstFragment.java

import android.os.Bundle;
import androidx.annotation.NonNull;
import androidx.annotation.Nullable;
import androidx.fragment.app.Fragment;
import android.view.LayoutInflater;
import android.view.View;
import android.view.ViewGroup;

public class FirstFragment extends Fragment {

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

SecondFragment.java

import android.os.Bundle;
import androidx.annotation.NonNull;
import androidx.annotation.Nullable;
import androidx.fragment.app.Fragment;
import android.view.LayoutInflater;
import android.view.View;
import android.view.ViewGroup;

public class SecondFragment extends Fragment {

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

1.2 創(chuàng)建Fragment布局文件

接下來，我們需要為每個 ??Fragment?? 創(chuàng)建一個布局文件。

res/layout/fragment_first.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:gravity="center">

    <TextView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="這是第一個頁面" />
</LinearLayout>

res/layout/fragment_second.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:gravity="center">

    <TextView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="這是第二個頁面" />
</LinearLayout>

2. 在Activity中管理Fragment

2.1 創(chuàng)建Activity布局文件

我們需要在 ??Activity?? 的布局文件中定義一個 ??FrameLayout?? 作為 ??Fragment?? 的容器。

res/layout/activity_main.xml

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent">

    <FrameLayout
        android:id="@+id/frame_container"
        android:layout_width="match_parent"
        android:layout_height="match_parent" />

    <Button
        android:id="@+id/btn_switch_to_first"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="切換到第一個頁面"
        android:layout_alignParentBottom="true"
        android:layout_marginBottom="16dp"
        android:layout_centerHorizontal="true" />

    <Button
        android:id="@+id/btn_switch_to_second"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="切換到第二個頁面"
        android:layout_above="@id/btn_switch_to_first"
        android:layout_centerHorizontal="true"
        android:layout_marginBottom="16dp" />
</RelativeLayout>

2.2 編寫Activity代碼

在 ??MainActivity?? 中，我們需要處理按鈕點擊事件，并根據(jù)用戶的操作切換 ??Fragment??。

MainActivity.java

import android.os.Bundle;
import android.view.View;
import androidx.appcompat.app.AppCompatActivity;
import androidx.fragment.app.Fragment;
import androidx.fragment.app.FragmentManager;
import androidx.fragment.app.FragmentTransaction;

public class MainActivity extends AppCompatActivity {

    private FragmentManager fragmentManager;

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

        fragmentManager = getSupportFragmentManager();

        // 默認顯示第一個頁面
        switchFragment(new FirstFragment());

        findViewById(R.id.btn_switch_to_first).setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View v) {
                switchFragment(new FirstFragment());
            }
        });

        findViewById(R.id.btn_switch_to_second).setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View v) {
                switchFragment(new SecondFragment());
            }
        });
    }

    private void switchFragment(Fragment fragment) {
        FragmentTransaction transaction = fragmentManager.beginTransaction();
        transaction.replace(R.id.frame_container, fragment);
        transaction.commit();
    }
}

3. 運行效果

完成上述步驟后，運行應(yīng)用，你將看到兩個按鈕分別用于切換到不同的頁面。點擊“切換到第一個頁面”按鈕時，??FrameLayout?? 將顯示 ??FirstFragment??；點擊“切換到第二個頁面”按鈕時，??FrameLayout?? 將顯示 ??SecondFragment??。

4.方法補充

方法一

下面是一個簡單的示例，展示如何在一個活動中通過按鈕點擊來切換兩個不同的 ??Fragment??。

1. 創(chuàng)建Fragment

首先，我們需要創(chuàng)建兩個 ??Fragment?? 類，每個類代表一個頁面。

FirstFragment.java:

import android.os.Bundle;
import android.view.LayoutInflater;
import android.view.View;
import android.view.ViewGroup;
import androidx.annotation.NonNull;
import androidx.annotation.Nullable;
import androidx.fragment.app.Fragment;

public class FirstFragment extends Fragment {
    @Nullable
    @Override
    public View onCreateView(@NonNull LayoutInflater inflater, @Nullable ViewGroup container, @Nullable Bundle savedInstanceState) {
        return inflater.inflate(R.layout.fragment_first, container, false);
    }
}

SecondFragment.java:

import android.os.Bundle;
import android.view.LayoutInflater;
import android.view.View;
import android.view.ViewGroup;
import androidx.annotation.NonNull;
import androidx.annotation.Nullable;
import androidx.fragment.app.Fragment;

public class SecondFragment extends Fragment {
    @Nullable
    @Override
    public View onCreateView(@NonNull LayoutInflater inflater, @Nullable ViewGroup container, @Nullable Bundle savedInstanceState) {
        return inflater.inflate(R.layout.fragment_second, container, false);
    }
}

2. 創(chuàng)建布局文件

為每個 ??Fragment?? 創(chuàng)建一個布局文件。

fragment_first.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:gravity="center">
    <TextView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="This is the First Fragment" />
</LinearLayout>

fragment_second.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:gravity="center">
    <TextView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="This is the Second Fragment" />
</LinearLayout>

3. 在主活動中管理Fragment

接下來，在主活動中設(shè)置按鈕，通過這些按鈕來切換 ??Fragment??。

MainActivity.java:

import android.os.Bundle;
import android.view.View;
import androidx.appcompat.app.AppCompatActivity;
import androidx.fragment.app.Fragment;
import androidx.fragment.app.FragmentManager;
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
        loadFragment(new FirstFragment());
    }

    public void onFirstFragmentClick(View view) {
        loadFragment(new FirstFragment());
    }

    public void onSecondFragmentClick(View view) {
        loadFragment(new SecondFragment());
    }

    private void loadFragment(Fragment fragment) {
        // 創(chuàng)建一個新的事務(wù)
        FragmentManager fragmentManager = getSupportFragmentManager();
        FragmentTransaction transaction = fragmentManager.beginTransaction();

        // 替換當(dāng)前的Fragment
        transaction.replace(R.id.fragment_container, fragment);
        transaction.addToBackStack(null); // 可選：將事務(wù)添加到回退棧
        transaction.commit(); // 提交事務(wù)
    }
}

activity_main.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">

    <Button
        android:id="@+id/btn_first"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:text="First Fragment"
        android:onClick="onFirstFragmentClick" />

    <Button
        android:id="@+id/btn_second"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:text="Second Fragment"
        android:onClick="onSecondFragmentClick" />

    <FrameLayout
        android:id="@+id/fragment_container"
        android:layout_width="match_parent"
        android:layout_height="0dp"
        android:layout_weight="1" />
</LinearLayout>

在這個例子中，我們使用了 ??FragmentManager?? 來管理 ??Fragment?? 的生命周期，并使用 ??FragmentTransaction?? 來執(zhí)行具體的替換操作。當(dāng)用戶點擊按鈕時，相應(yīng)的 ??Fragment?? 將被加載到 ??FrameLayout?? 中，實現(xiàn)了頁面的切換。在Android開發(fā)中，??Fragment?? 是一種可以嵌入到 ??Activity?? 中的界面片段，它可以包含自己的布局和生命周期。使用 ??Fragment?? 可以創(chuàng)建更加靈活、可重用的UI組件，非常適合實現(xiàn)多頁面切換的應(yīng)用場景。

方法二

下面是一個簡單的示例，介紹如何通過 ??FragmentManager?? 和 ??FragmentTransaction?? 來控制 ??Fragment?? 的切換：

1. 創(chuàng)建Fragment

首先，我們需要創(chuàng)建幾個 ??Fragment?? 類。這里假設(shè)我們有兩個 ??Fragment??：??FirstFragment?? 和 ??SecondFragment??。

// FirstFragment.java
public class FirstFragment extends Fragment {
    @Nullable
    @Override
    public View onCreateView(@NonNull LayoutInflater inflater, @Nullable ViewGroup container, @Nullable Bundle savedInstanceState) {
        return inflater.inflate(R.layout.fragment_first, container, false);
    }
}

// SecondFragment.java
public class SecondFragment extends Fragment {
    @Nullable
    @Override
    public View onCreateView(@NonNull LayoutInflater inflater, @Nullable ViewGroup container, @Nullable Bundle savedInstanceState) {
        return inflater.inflate(R.layout.fragment_second, container, false);
    }
}

2. 在Activity中設(shè)置Fragment

接下來，在 ??Activity?? 中設(shè)置一個容器（例如一個 ??FrameLayout??），用于放置 ??Fragment??。

<!-- activity_main.xml -->
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent">

    <FrameLayout
        android:id="@+id/fragment_container"
        android:layout_width="match_parent"
        android:layout_height="match_parent" />

    <Button
        android:id="@+id/button_first"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="First Fragment"
        android:layout_alignParentBottom="true"
        android:layout_marginBottom="50dp"
        android:layout_centerHorizontal="true" />

    <Button
        android:id="@+id/button_second"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="Second Fragment"
        android:layout_alignParentBottom="true"
        android:layout_centerHorizontal="true" />
</RelativeLayout>

3. 控制Fragment的切換

在 ??MainActivity?? 中，我們可以監(jiān)聽按鈕點擊事件，并根據(jù)點擊的按鈕來切換不同的 ??Fragment??。

// MainActivity.java
public class MainActivity extends AppCompatActivity {

    private Button buttonFirst;
    private Button buttonSecond;

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

        buttonFirst = findViewById(R.id.button_first);
        buttonSecond = findViewById(R.id.button_second);

        // 默認顯示FirstFragment
        loadFragment(new FirstFragment());

        buttonFirst.setOnClickListener(v -> loadFragment(new FirstFragment()));
        buttonSecond.setOnClickListener(v -> loadFragment(new SecondFragment()));
    }

    private void loadFragment(Fragment fragment) {
        // 獲取FragmentManager
        FragmentManager fragmentManager = getSupportFragmentManager();
        // 開始事務(wù)
        FragmentTransaction transaction = fragmentManager.beginTransaction();
        // 替換當(dāng)前Fragment
        transaction.replace(R.id.fragment_container, fragment);
        // 將事務(wù)添加到返回棧
        transaction.addToBackStack(null);
        // 提交事務(wù)
        transaction.commit();
    }
}

4. 處理返回鍵

為了處理返回鍵，當(dāng)用戶從 ??SecondFragment?? 返回到 ??FirstFragment?? 時，可以在 ??MainActivity?? 中重寫 ??onBackPressed?? 方法：

@Override
public void onBackPressed() {
    // 檢查FragmentManager的回退棧是否有Fragment
    if (getSupportFragmentManager().getBackStackEntryCount() > 0) {
        getSupportFragmentManager().popBackStack();
    } else {
        super.onBackPressed();
    }
}

這樣，當(dāng)用戶點擊返回鍵時，會先從回退棧中彈出最近的 ??Fragment??，如果回退棧為空，則關(guān)閉 ??Activity??。

以上就是使用 ??Fragment?? 切換多個頁面的基本步驟。

到此這篇關(guān)于Android使用Fragment實現(xiàn)控制切換多個頁面的文章就介紹到這了,更多相關(guān)Android切換頁面內(nèi)容請搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家！

您可能感興趣的文章: