BottomNavigationView ViewPager2 Fragment底部菜单导航栏

 更新时间:2022年11月17日 14:38:00   作者:九狼  
这篇文章主要为大家介绍了BottomNavigationView ViewPager2 Fragment底部菜单导航栏实现效果详解,有需要的朋友可以借鉴参考下,希望能够有所帮助,祝大家多多进步,早日升职加薪

正文

底部导航栏是通过BottomNavigationView组件结合[Fragment]实现的有三个按钮的菜单导航栏

效果图

<?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"
    android:id="@+id/container"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:fitsSystemWindows="true">
    <com.google.android.material.bottomnavigation.BottomNavigationView
        android:id="@+id/nav_view"
        android:layout_width="0dp"
        android:layout_height="wrap_content"
        android:layout_marginStart="0dp"
        android:layout_marginEnd="0dp"
        android:background="?android:attr/windowBackground"
        app:layout_constraintBottom_toBottomOf="parent"
        app:layout_constraintLeft_toLeftOf="parent"
        app:layout_constraintRight_toRightOf="parent"
        app:menu="@menu/bottom_nav_menu" />
    <androidx.viewpager2.widget.ViewPager2
        android:id="@+id/viewPager2"
        android:layout_width="match_parent"
        android:layout_height="0dp"
        app:layout_constraintBottom_toTopOf="@id/nav_view"
        app:layout_constraintLeft_toLeftOf="parent"
        app:layout_constraintRight_toRightOf="parent"
        app:layout_constraintTop_toTopOf="parent" />
</androidx.constraintlayout.widget.ConstraintLayout>

bottom_nav_menu.xml

<?xml version="1.0" encoding="utf-8"?>
<menu xmlns:android="http://schemas.android.com/apk/res/android">
    <item
        android:id="@+id/navigation_home"
        android:icon="@drawable/ic_home_black_24dp"
        android:title="@string/title_home" />
    <item
        android:id="@+id/navigation_dashboard"
        android:icon="@drawable/ic_dashboard_black_24dp"
        android:title="@string/title_dashboard" />
    <item
        android:id="@+id/navigation_notifications"
        android:icon="@drawable/ic_notifications_black_24dp"
        android:title="@string/title_notifications" />
</menu>

Activity

viewPager2 = mBinding.viewPager2;
    navView = mBinding.navView;
    viewPager2.setOrientation(ViewPager2.ORIENTATION_HORIZONTAL);
    List<Fragment> fragments = new ArrayList<>();
    fragments.add(HomeFragment.newInstance());
    fragments.add(DashboardFragment.newInstance());
    fragments.add(HomeFragment.newInstance());
    viewPager2.setAdapter(new FragmentStateAdapter(this) {
        @NonNull
        @Override
        public Fragment createFragment(int position) {
            Fragment fragment = fragments.get(position);
            return fragment;
        }
        @Override
        public int getItemCount() {
            return fragments.size();
        }
    });
    viewPager2.setOffscreenPageLimit(3);
    viewPager2.registerOnPageChangeCallback(new ViewPager2.OnPageChangeCallback() {
        @Override
        public void onPageSelected(int position) {
            super.onPageSelected(position);
            onPagerSelected(position);
        }
    });
  navView.setOnItemSelectedListener(new NavigationBarView.OnItemSelectedListener() {
      @Override
      public boolean onNavigationItemSelected(@NonNull MenuItem item) {
          switch (item.getItemId()){
              case R.id.navigation_home:
                  viewPager2.setCurrentItem(0);
                  break;
              case R.id.navigation_dashboard:
                  viewPager2.setCurrentItem(1);
                  break;
              case R.id.navigation_notifications:
                  viewPager2.setCurrentItem(2);
                  break;
          }
          return true;
      }
  });
}
private void onPagerSelected(int position) {
    switch (position) {
        case 0:
            navView.setSelectedItemId(R.id.navigation_home);
            break;
        case 1:
            navView.setSelectedItemId(R.id.navigation_dashboard);
            break;
        case 2:
            navView.setSelectedItemId(R.id.navigation_notifications);
            break;
    }
}

以上就是BottomNavigationView ViewPager2 Fragment底部菜单导航栏的详细内容,更多关于BottomNavigationView 底部菜单导航栏的资料请关注脚本之家其它相关文章!

相关文章

  • android中RecycleView添加下滑到底部的监听示例

    android中RecycleView添加下滑到底部的监听示例

    本篇文章主要介绍了android中RecycleView添加下滑到底部的监听示例,具有一定的参考价值,感兴趣的小伙伴们可以参考一下。
    2017-03-03
  • Android webview加载H5方法详细介绍

    Android webview加载H5方法详细介绍

    这篇文章主要介绍了Android webview加载H5的方法,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
    2022-08-08
  • Android性能优化以及数据优化方法

    Android性能优化以及数据优化方法

    我和大家之前一起探讨了在Android中对SQLite数据库的操作优化细节。今天谈谈Android性能数据优化方法,需要的朋友可以参考下
    2016-05-05
  • Android 应用程序的启动流程示例详解

    Android 应用程序的启动流程示例详解

    这篇文章主要为大家介绍了Android 应用程序的启动流程示例详解,有需要的朋友可以借鉴参考下,希望能够有所帮助,祝大家多多进步,早日升职加薪
    2023-03-03
  • Android支付宝支付的示例代码

    Android支付宝支付的示例代码

    本篇文章主要介绍了Android支付宝支付的示例代码,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2017-09-09
  • 解决Android Studio Log.v和Log.d不显示的问题

    解决Android Studio Log.v和Log.d不显示的问题

    这篇文章主要介绍了解决Android Studio Log.v和Log.d不显示的问题,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧
    2020-08-08
  • Android应用中加入微信分享简单方法

    Android应用中加入微信分享简单方法

    这篇文章主要介绍了Android应用中加入微信分享简单方法,本文用简洁明快的步骤讲解了加入微信分享的方法,需要的朋友可以参考下
    2015-05-05
  • Android模拟器最新检测方法详解

    Android模拟器最新检测方法详解

    这篇文章主要介绍了Android模拟器的检测方法,在Android开发过程中,防作弊一直是老生常谈的问题,而模拟器的检测往往是防作弊中的重要一环,接下来我们来讲解有关于模拟器的检测方法,需要的朋友可以参考下
    2024-02-02
  • Android实现跟随手指拖动并自动贴边的View样式(实例demo)

    Android实现跟随手指拖动并自动贴边的View样式(实例demo)

    本文通过实例代码给大家介绍了android实现跟随手指拖动并自动贴边的View样式,效果非常棒,具有参考借鉴价值,需要的朋友参考下吧
    2017-01-01
  • Android图片加载利器之Picasso扩展功能

    Android图片加载利器之Picasso扩展功能

    这篇文章主要为大家详细介绍了Android图片加载利器之Picasso扩展功能,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2017-03-03

最新评论