Android 开发基础：使用 Fragment 构建动态 UI 界面

原创于 2025-06-04 09:02:35 发布 · 233 阅读

10 ·

CC 4.0 BY-SA版权

Android 开发基础：使用 Fragment 构建动态 UI 界面

前言

在 Android 应用开发中，Fragment 是一个非常重要的组件，它允许我们将 UI 划分为多个模块化的部分，从而实现更加灵活和动态的用户界面。本文将深入探讨如何利用 Fragment 来构建适应不同屏幕尺寸的动态 UI。

为什么需要动态 Fragment

随着 Android 设备屏幕尺寸的多样化，开发者面临着如何让应用在不同设备上都能提供良好用户体验的挑战。Fragment 的出现完美解决了这个问题：

模块化设计：将 UI 分解为独立的模块
复用性：同一 Fragment 可以在不同布局中重复使用
灵活性：根据屏幕尺寸动态调整界面布局

基础实现方式

静态添加 Fragment

最简单的 Fragment 使用方式是在布局文件中静态声明：

<fragment
    android:id="@+id/headlines_fragment"
    android:name="com.example.HeadlinesFragment"
    android:layout_width="match_parent"
    android:layout_height="match_parent" />

这种方式简单直接，但缺乏灵活性，无法在运行时动态调整。

动态添加 Fragment

更灵活的方式是在运行时动态添加 Fragment：

在布局中预留 Fragment 容器
在代码中管理 Fragment 的添加和替换

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

Fragment 事务管理

Fragment 的动态操作通过 FragmentManager 和 FragmentTransaction 实现：

基本操作流程

获取 FragmentManager
开始事务
执行操作（添加、替换、移除等）
提交事务

getSupportFragmentManager()
    .beginTransaction()
    .add(R.id.fragment_container, newFragment)
    .commit();

常用事务操作

| 方法 | 描述 | |------|------| | add() | 添加新 Fragment | | replace() | 替换现有 Fragment | | remove() | 移除 Fragment | | hide() | 隐藏 Fragment | | show() | 显示隐藏的 Fragment |

处理返回栈

为了支持用户导航返回，需要合理管理返回栈：

transaction.replace(R.id.fragment_container, newFragment);
transaction.addToBackStack(null);  // 将事务添加到返回栈
transaction.commit();

注意事项：

添加到返回栈的 Fragment 会被停止而非销毁
未添加到返回栈的 Fragment 会被销毁
可以为事务指定名称用于高级管理

实际应用场景

手机和平板的不同布局

手机布局：

单窗格设计
列表和详情分开展示
通过 Fragment 替换实现导航

平板布局：

多窗格设计
列表和详情并列显示
充分利用大屏幕空间

代码示例：动态替换 Fragment

// 创建新 Fragment 并设置参数
ArticleFragment newFragment = new ArticleFragment();
Bundle args = new Bundle();
args.putInt("position", position);
newFragment.setArguments(args);

// 执行替换操作
FragmentTransaction transaction = getSupportFragmentManager().beginTransaction();
transaction.replace(R.id.fragment_container, newFragment);
transaction.addToBackStack(null);  // 允许返回
transaction.commit();