Android ViewPager 与 Fragment 实现底部滑动导航栏

介绍如何利用 Android 平台上的 ViewPager 和 Fragment 组件实现类似微信的底部滑动导航栏效果。

核心思路:

  1. 布局文件: 使用 ViewPager 作为滑动容器,并在底部放置用于切换页面的导航栏。
  2. Fragment: 为每个导航栏选项创建对应的 Fragment,并将其作为 ViewPager 的页面内容。
  3. 适配器: 创建一个继承自 FragmentPagerAdapterFragmentStatePagerAdapter 的适配器,用于管理 Fragment 与 ViewPager 的关联。
  4. 事件监听: 为导航栏选项添加点击事件监听器,在点击时切换 ViewPager 的当前页面。

代码示例 (部分):

// 创建适配器
class ViewPagerAdapter extends FragmentPagerAdapter {
    // ...
}

// 设置 ViewPager
ViewPager viewPager = findViewById(R.id.view_pager);
viewPager.setAdapter(new ViewPagerAdapter(getSupportFragmentManager()));

// 导航栏点击事件
bottomNavigationView.setOnNavigationItemSelectedListener(
        item -> {
            switch (item.getItemId()) {
                // ... 处理导航栏选项点击事件
            }
            return true;
        });

注意:

  • 需要根据实际需求选择合适的 FragmentPagerAdapterFragmentStatePagerAdapter
  • 处理好 Fragment 的生命周期管理。
  • 可根据需求自定义导航栏样式和动画效果。

通过以上步骤,即可实现一个功能完善的底部滑动导航栏。

zip 文件大小:3.36MB