当前位置：首页 > news >正文

Android 中 Activity 和 Fragment 的结合使用经典案例

news 来源：原创 2025/6/22 1:09:48

学习笔记

0. 分析 Activity 与 Fragment 的区别，部分使用的差异

上一篇中我们分析了Activity 与 Fragment 的区别，部分使用的差异。

点我跳转上一篇

1. 单个 `Activity` 中使用多个 `Fragment`

这是最常见的用法之一，特别是在单屏幕应用中。通过在一个 Activity 中加载多个 Fragment，你可以将 UI 划分为不同的模块，每个 Fragment 负责自己的布局和逻辑。

使用场景：

多页面布局的单屏应用（如多个选项卡、分步表单等）
侧边菜单、导航栏等界面设计

示例：

public class MainActivity extends AppCompatActivity {@Overrideprotected void onCreate(Bundle savedInstanceState) {super.onCreate(savedInstanceState);setContentView(R.layout.activity_main);// 加载第一个 Fragmentif (savedInstanceState == null) {FragmentTransaction transaction = getSupportFragmentManager().beginTransaction();transaction.replace(R.id.fragment_container, new FragmentA());transaction.commit();}}
}

在布局文件 activity_main.xml 中，使用一个容器 FrameLayout 来承载多个 Fragment：

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

Fragment 示例：

public class FragmentA extends Fragment {@Overridepublic View onCreateView(LayoutInflater inflater, ViewGroup container,Bundle savedInstanceState) {return inflater.inflate(R.layout.fragment_a, container, false);}
}

2. Tab 布局中的 `Fragment`

当你需要在 Activity 中实现多个选项卡（tab）页面时，TabLayout 与 ViewPager 配合使用是常见的方式。每个选项卡对应一个 Fragment，并通过 ViewPager 进行滑动切换。

使用场景：

新闻应用、社交媒体应用的首页。
购物应用中的“首页”、“推荐”、“购物车”选项卡。

示例：

public class MainActivity extends AppCompatActivity {private ViewPager viewPager;private TabLayout tabLayout;@Overrideprotected void onCreate(Bundle savedInstanceState) {super.onCreate(savedInstanceState);setContentView(R.layout.activity_main);viewPager = findViewById(R.id.viewPager);tabLayout = findViewById(R.id.tabLayout);// 配置 ViewPager 和 TabLayoutViewPagerAdapter adapter = new ViewPagerAdapter(getSupportFragmentManager());adapter.addFragment(new FragmentA(), "Tab 1");adapter.addFragment(new FragmentB(), "Tab 2");viewPager.setAdapter(adapter);tabLayout.setupWithViewPager(viewPager);}public class ViewPagerAdapter extends FragmentPagerAdapter {private List<Fragment> fragmentList = new ArrayList<>();private List<String> titleList = new ArrayList<>();public ViewPagerAdapter(FragmentManager fm) {super(fm);}public void addFragment(Fragment fragment, String title) {fragmentList.add(fragment);titleList.add(title);}@Overridepublic Fragment getItem(int position) {return fragmentList.get(position);}@Overridepublic int getCount() {return fragmentList.size();}@Overridepublic CharSequence getPageTitle(int position) {return titleList.get(position);}}
}

3. 主界面和详情界面的 Fragment 设计

在许多应用中，主界面展示一个列表（如新闻列表、商品列表），当用户点击某个条目时，会跳转到该条目的详情页面。这种场景下，Fragment 的使用可以极大简化界面设计，并且实现灵活的页面切换。

使用场景：

商品详情页面
新闻详细页面

示例：

在 MainActivity 中展示一个列表，点击列表项后展示详情页：

public class MainActivity extends AppCompatActivity implements OnItemClickListener {@Overrideprotected void onCreate(Bundle savedInstanceState) {super.onCreate(savedInstanceState);setContentView(R.layout.activity_main);// 初始化 RecyclerView 等}@Overridepublic void onItemClick(Item item) {// 列表项点击后，切换到详情 FragmentFragmentTransaction transaction = getSupportFragmentManager().beginTransaction();transaction.replace(R.id.fragment_container, ItemDetailFragment.newInstance(item));transaction.addToBackStack(null);  // 加入返回栈transaction.commit();}
}

在 ItemDetailFragment 中显示详细内容：

public class ItemDetailFragment extends Fragment {private static final String ARG_ITEM = "item";public static ItemDetailFragment newInstance(Item item) {ItemDetailFragment fragment = new ItemDetailFragment();Bundle args = new Bundle();args.putSerializable(ARG_ITEM, item);fragment.setArguments(args);return fragment;}@Overridepublic View onCreateView(LayoutInflater inflater, ViewGroup container,Bundle savedInstanceState) {View rootView = inflater.inflate(R.layout.fragment_item_detail, container, false);// 获取传递的 Item 对象并显示Item item = (Item) getArguments().getSerializable(ARG_ITEM);// 显示详情return rootView;}
}

4. 侧滑菜单与 Fragment 结合使用

通过 DrawerLayout 可以实现应用中的侧滑菜单，侧滑菜单通常由一个 Fragment 组成，可以在主 Activity 中动态切换显示。

使用场景：

应用中的侧边栏菜单
设置页面等

示例：

public class MainActivity extends AppCompatActivity {private DrawerLayout drawerLayout;private ActionBarDrawerToggle toggle;@Overrideprotected void onCreate(Bundle savedInstanceState) {super.onCreate(savedInstanceState);setContentView(R.layout.activity_main);drawerLayout = findViewById(R.id.drawer_layout);toggle = new ActionBarDrawerToggle(this, drawerLayout,R.string.navigation_drawer_open, R.string.navigation_drawer_close);drawerLayout.addDrawerListener(toggle);toggle.syncState();// 加载侧边栏 FragmentgetSupportFragmentManager().beginTransaction().replace(R.id.fragment_container, new SideMenuFragment()).commit();}
}

在侧边栏 SideMenuFragment 中处理点击事件，动态切换主界面内容。

5. 处理屏幕旋转或配置变化时的 `Fragment` 状态保存

在 Android 中，屏幕旋转或配置变化（如语言更改）时，Activity 会被销毁并重新创建。如果你在 Activity 中加载了 Fragment，这些 Fragment 可能会被销毁。为避免重新加载或丢失数据，你可以通过 onSaveInstanceState() 和 onViewStateRestored() 来保存和恢复 Fragment 的状态。

使用场景：

保持列表滚动位置
防止屏幕旋转导致的数据丢失

示例：

在 Fragment 中保存和恢复状态：

public class MyFragment extends Fragment {private static final String KEY_POSITION = "position";private int position;@Overridepublic void onCreate(Bundle savedInstanceState) {super.onCreate(savedInstanceState);if (savedInstanceState != null) {position = savedInstanceState.getInt(KEY_POSITION, 0);}}@Overridepublic void onSaveInstanceState(Bundle outState) {super.onSaveInstanceState(outState);outState.putInt(KEY_POSITION, position);}// 在 onCreateView 中恢复滚动位置或其他状态
}

6. 支持多种屏幕大小的设计：Tab 变为列表

在平板和手机设备上，Fragment 可以用来支持不同的布局。例如，在平板上显示 Tab 或多个 Fragment，而在手机上则使用列表和细节页面的单列布局。

使用场景：

平板和手机设备上不同的布局（响应式设计）
主屏幕在小屏设备上以列表显示，在大屏设备上显示多个 Fragment

示例：

在 MainActivity 中根据设备的大小来决定显示的布局：

public class MainActivity extends AppCompatActivity {@Overrideprotected void onCreate(Bundle savedInstanceState) {super.onCreate(savedInstanceState);if (findViewById(R.id.fragment_container) != null) {if (savedInstanceState != null) {return;}// 在平板设备上加载两个 FragmentFragmentTransaction transaction = getSupportFragmentManager().beginTransaction();transaction.replace(R.id.fragment_container, new FragmentA());transaction.replace(R.id.fragment_container_2, new FragmentB());transaction.commit();} else {// 在手机设备上加载一个 FragmentFragmentTransaction transaction = getSupportFragmentManager().beginTransaction();transaction.replace(R.id.fragment_container, new FragmentA());transaction.commit();}}
}

总结

这些是 Activity 和 Fragment 在 Android 开发中的常见使用案例。Fragment 作为一个灵活的 UI 组件，可以帮助开发者在应用中实现更加模块化、灵活的界面设计，并能够有效地支持不同的屏幕尺寸、设备方向等配置变化。通过合理的组合和管理，可以大大提升应用的用户体验和性能。

0. 分析 Activity 与 Fragment 的区别，部分使用的差异

1. 单个 Activity 中使用多个 Fragment

使用场景：

示例：

Fragment 示例：

2. Tab 布局中的 Fragment

使用场景：

示例：

3. 主界面和详情界面的 Fragment 设计

使用场景：

示例：

4. 侧滑菜单与 Fragment 结合使用

使用场景：

示例：

5. 处理屏幕旋转或配置变化时的 Fragment 状态保存

使用场景：

示例：

6. 支持多种屏幕大小的设计：Tab 变为列表

使用场景：

示例：

总结

相关文章：

1. 单个 `Activity` 中使用多个 `Fragment`

2. Tab 布局中的 `Fragment`

5. 处理屏幕旋转或配置变化时的 `Fragment` 状态保存