BottomNavigationBar（底部导航）

最新推荐文章于 2023-08-04 12:41:52 发布

鹿人_甲

最新推荐文章于 2023-08-04 12:41:52 发布

阅读量238

点赞数

CC 4.0 BY-SA版权

分类专栏：第三方库

本文链接：https://blog.youkuaiyun.com/qq_39767910/article/details/81505989

第三方库专栏收录该内容

3 篇文章

订阅专栏

本文详细介绍了如何在Android应用中使用BottomNavigationBar组件实现底部导航栏的功能。从布局配置到属性设置，再到添加图标和设置选中监听，全面解析了整个过程。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

//布局

<com.ashokvarma.bottomnavigation.BottomNavigationBar
    android:id="@+id/bottom_navigation_bar"
       android:layout_width="match_parent"
       app:bnbActiveColor="#F23030"
       app:bnbInactiveColor="84858D"
       android:layout_height="0dp"
       app:bnbMode="mode_fixed"
       android:layoutAnimation="@null"
        android:layout_weight="1"/>

//设置属性

mBottomNavigationBar
.setBackgroundStyle(BottomNavigationBar.BACKGROUND_STYLE_STATIC)//设置可以设置以下书信
   .setActiveColor("#F23030")//未选择的颜色
    .setInActiveColor("#84858D")//已选择的颜色
   .setMode(BottomNavigationBar.MODE_FIXED)//可以切换导航栏模式
   .setAnimation(null);
//添加图标

mBottomNavigationBar
.addItem(new BottomNavigationItem(R.drawable.ic_home_black_24dp, "首页"))
.addItem(new BottomNavigationItem(R.drawable.fenlei, "分类"))
.addItem(new BottomNavigationItem(R.drawable.find, "发现"))
.addItem(new BottomNavigationItem(R.drawable.ic_shopping_cart_black_24dp, "购物车 & TV"))
.addItem(new BottomNavigationItem(R.drawable.mine, "我的"))
.initialise();

//设置选监听

mBottomNavigationBar.setTabSelectedListener(new BottomNavigationBar.OnTabSelectedListener(){

@Override
public void onTabSelected(int position) {
FragmentTransaction transaction1 = manager.beginTransaction();
if (homeFragment!=null){
transaction1.hide(homeFragment);
}
if (mineFragment!=null){
transaction1.hide(mineFragment);
}
if (findFragment!=null){
transaction1.hide(findFragment);
}
if (cartFragment!=null){
transaction1.hide(cartFragment);
}
if (classifyFragment!=null){
transaction1.hide(classifyFragment);
}
switch (position){
case 0:
if (homeFragment==null){
homeFragment = new HomeFragment();
transaction1.add(R.id.frame_layout,homeFragment);
}else {
transaction.show(homeFragment);
}
break;
case 1:
if (classifyFragment==null){
classifyFragment = new ClassifyFragment();
transaction1.add(R.id.frame_layout,classifyFragment);
}else {
transaction.show(classifyFragment);
}
break;
case 2:
if (findFragment==null){
findFragment = new FindFragment();
transaction1.add(R.id.frame_layout,findFragment);
}else {
transaction.show(findFragment);
}
break;
case 3:
if (cartFragment==null){
cartFragment = new CartFragment();
transaction1.add(R.id.frame_layout,cartFragment);
}else {
transaction.show(cartFragment);
}
break;
case 4:
if (mineFragment==null){
mineFragment = new MineFragment();
transaction1.add(R.id.frame_layout,mineFragment);
}else {
transaction.show(mineFragment);
}
break;
}
}
@Override
public void onTabUnselected(int position) {
}
@Override
public void onTabReselected(int position) {
}
});
}