欢迎来到尧图网

客户服务 关于我们

您的位置:首页 > 科技 > 名人名企 > Android中使用bottomnavigation实现底部导航栏

Android中使用bottomnavigation实现底部导航栏

2024/10/25 10:44:58 来源:https://blog.csdn.net/weixin_65399034/article/details/143105800  浏览:    关键词:Android中使用bottomnavigation实现底部导航栏

1.Activity页面

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"xmlns:app="http://schemas.android.com/apk/res-auto"xmlns:tools="http://schemas.android.com/tools"android:layout_width="match_parent"android:layout_height="match_parent"android:orientation="vertical"android:background="#EFEDED"android:fitsSystemWindows="false"><FrameLayoutandroid:id="@+id/frame"android:layout_width="match_parent"android:layout_height="match_parent"android:layout_above="@id/bottom_navigation_1" /><com.google.android.material.bottomnavigation.BottomNavigationViewandroid:id="@+id/bottom_navigation_1"android:layout_width="match_parent"android:layout_height="wrap_content"app:itemBackground="@color/white"            导航栏背景颜色app:itemIconTint="@color/selector_color"     icon图片选中和未选中颜色app:itemTextColor="@color/selector_color"    文字选中和未选中颜色app:menu="@menu/bottom_navigation_menu"    app:labelVisibilityMode="labeled"android:layout_alignParentBottom="true"/></RelativeLayout>

2.创建menu页面 (将需要的图片放入mipmap中或drawable中)

<?xml version="1.0" encoding="utf-8"?>
<menu xmlns:android="http://schemas.android.com/apk/res/android"><itemandroid:id="@+id/navigation_home"android:icon="@drawable/home"android:title="首页"android:checked="true"/><itemandroid:id="@+id/navigation_quanzi"android:icon="@drawable/jiedan_icon"android:title="接单" /><itemandroid:id="@+id/navigation_dingdan"android:icon="@drawable/dingdan"android:title="订单" /><itemandroid:id="@+id/navigation_mine"android:icon="@drawable/mine"android:title="我的" /></menu>

3.在Activity的java文件中填写 点击事件(切换fragment页面)

  private BottomNavigationView bottomNavigationView;   bottomNavigationView.setOnNavigationItemSelectedListener(new BottomNavigationView.OnNavigationItemSelectedListener() {@Overridepublic boolean onNavigationItemSelected(@NonNull MenuItem item) {switch (item.getItemId()) {case R.id.navigation_home:ReplaceFragment(new HomeFragment());return true;case R.id.navigation_quanzi:ReplaceFragment(new QuanZiFragment());return true;case R.id.navigation_dingdan:ReplaceFragment(new DingDanFragment());return true;case R.id.navigation_mine:ReplaceFragment(new MineFragment());return true;}return false;}});

创建调用切换页面的方法

  private void ReplaceFragment(Fragment fragment){FragmentManager fragmentManager=getSupportFragmentManager();FragmentTransaction transaction= fragmentManager.beginTransaction();transaction.replace(R.id.frame,fragment);transaction.commit();}

版权声明:

本网仅为发布的内容提供存储空间,不对发表、转载的内容提供任何形式的保证。凡本网注明“来源:XXX网络”的作品,均转载自其它媒体,著作权归作者所有,商业转载请联系作者获得授权,非商业转载请注明出处。

我们尊重并感谢每一位作者,均已注明文章来源和作者。如因作品内容、版权或其它问题,请及时与我们联系,联系邮箱:809451989@qq.com,投稿邮箱:809451989@qq.com