Android BottomNavigationView增加中间操作按钮

BottomNavigationView,如何在一个项目上调用一个函数,而对其他项目使用AppBarConfiguration?
BottomNavigationView是Android Jetpack库中的一个组件,用于在应用程序中创建底部导航栏。它通常与ViewPager或FragmentContainerView一起使用,以实现在不同的导航目标之间进行切换。

今天刚用了BottomNavigationView,还是非常好用的,但是感觉非常有局限性,比如我只能呈现出微信qq微博这种样式,如果我想要的是抖音,知乎这种底部栏中间都有一个操作按钮的,用BottomNavigationView就没有官方的方法来直接呈现,我研究了好一会儿,发现 BottomNavigationView中的BottomNavigationItemView可以直接单独操作某个item,并且成功实现了类似抖音知乎同样的样式,接下来是代码

首先是在布局文件中添加BottomNavigationView组件。例如,在XML布局文件中添加以下代码:

<com.google.android.material.bottomnavigation.BottomNavigationView
        android:id="@+id/nav_view"
        android:layout_width="0dp"
        android:layout_height="64dp"
        android:layout_marginStart="0dp"
        android:layout_marginEnd="0dp"
        android:background="@color/white"
        app:layout_constraintBottom_toBottomOf="parent"
        app:layout_constraintLeft_toLeftOf="parent"
        app:layout_constraintRight_toRightOf="parent"
        app:itemActiveIndicatorStyle="@color/transparent"
        app:itemBackground="@color/transparent"
        app:itemIconTint="@color/selector_color"
        app:itemIconSize="30dp"
        app:labelVisibilityMode="unlabeled"
        app:menu="@menu/bottom_nav_menu" />

然后在res里创建一个文件夹menu,在里面添加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:checkable="true"
        android:icon="@mipmap/find"
        android:title="@string/title_home" />

    <item
        android:id="@+id/navigation_community"
        android:checkable="true"
        android:icon="@mipmap/find"
        android:title="@string/title_community" />

    <item
        android:id="@+id/navigation_add"
        android:checkable="false"
        android:title="@string/title_add" />

    <item
        android:id="@+id/navigation_information"
        android:checkable="true"
        android:icon="@mipmap/msg"
        android:title="@string/title_information" />

    <item
        android:id="@+id/navigation_my"
        android:checkable="true"
        android:icon="@mipmap/myadmin"
        android:title="@string/title_my" />


</menu>

可以注意看到中间的checkable是false
最后在页面代码里添加如下代码,调整中间按钮的位置和样式

BottomNavigationMenuView menuView = (BottomNavigationMenuView) binding.navView.getChildAt(0);
View centerButton = menuView.getChildAt(2);
BottomNavigationItemView itemView = (BottomNavigationItemView) centerButton;
View view = LayoutInflater.from(this).inflate(R.layout.item_home_add, menuView, false);
FrameLayout.LayoutParams lp = new FrameLayout.LayoutParams(view.getLayoutParams());
lp.gravity = Gravity.CENTER;
itemView.setShifting(false);
itemView.setCheckable(false);
itemView.addView(view,lp);
itemView.setOnClickListener(_view -> {
    LogUtils.d("HomeActivity", "点击事件");
});

最后效果
在这里插入图片描述

  • 3
    点赞
  • 7
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值