如何在高于默认值的BottomNavigationView上添加指标？

Question

背景

我正在尝试使BottomNavigationView更大一些（高度稍大一些），同时还要使每个项目图标都有一个被选中的顶部指示符。

类似的东西，但是高度更大：

在屏幕截图上很难看到它，但是指示器显示在BottomNavigationView项的最上方，就在BottomNavigationView阴影的正下方。

问题

当我设置更高的高度时，我得到的每件物品的高度仍然较小，因此指示器不在顶部看：

不仅如此，而且因为我使用itemBackground来设置每个项目的背景以带有指示器，所以现在它没有用于点击效果的背景。

我发现的东西

关于高度，我发现this question on StackOverflow会改变高度。唯一的解决方案是覆盖库的尺寸。在这种情况下，只有这样：

<dimen name="design_bottom_navigation_height" tools:override="true">...</dimen>

但是，这只能解决将指标放在顶部的问题。

此外，为库强制设置尺寸似乎是一个肮脏的解决方案，并且正如我所写的那样，因为我使用了itemBackground，所以它不再具有正常的单击效果。

这是相关的代码，仅从Android Studio的向导中进行了一些修改，以进行“底部导航活动”。其余与那里相同：

activity_main.xml

<androidx.constraintlayout.widget.ConstraintLayout
    android:id="@+id/container" 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" tools:context=".MainActivity">

    <TextView
        android:id="@+id/message" android:layout_width="wrap_content" android:layout_height="wrap_content"
        android:layout_marginLeft="@dimen/activity_horizontal_margin"
        android:layout_marginStart="@dimen/activity_horizontal_margin"
        android:layout_marginTop="@dimen/activity_vertical_margin" android:text="@string/title_home"
        app:layout_constraintLeft_toLeftOf="parent" app:layout_constraintTop_toTopOf="parent"/>

    <com.google.android.material.bottomnavigation.BottomNavigationView
        android:id="@+id/nav_view" android:layout_width="0dp"
        android:layout_height="@dimen/tabs_height" android:layout_marginEnd="0dp"
        android:layout_marginStart="0dp" android:background="?android:attr/windowBackground" app:itemBackground="@drawable/activity_main__tab_background"
        app:labelVisibilityMode="unlabeled" app:layout_constraintBottom_toBottomOf="parent"
        app:layout_constraintLeft_toLeftOf="parent" app:layout_constraintRight_toRightOf="parent"
        app:menu="@menu/bottom_nav_menu"/>

</androidx.constraintlayout.widget.ConstraintLayout>

dimens.xml

<dimen name="tabs_height">64dp</dimen>
<dimen name="design_bottom_navigation_height" tools:override="true">@dimen/tabs_height</dimen>

activity_main__tab_background.xml

<selector xmlns:android="http://schemas.android.com/apk/res/android">
    <item android:state_checked="true">
        <layer-list>
            <item android:gravity="top">
                <shape android:shape="rectangle">
                    <size android:height="2dp"/>
                    <solid android:color="#07a5ea"/>
                </shape>
            </item>
        </layer-list>
    </item>
</selector>

问题

如何将指示器放在顶部，同时具有更大的BottomNavigationView而不丢失点击效果？

Answer 1

最好的解决方案是在运行时从 kotlin 代码更改项目 imageView 的边距 这是代码

private fun navigationImagesMargin(view: View) {
        if (view is ViewGroup) {
            for (i in 0 until view.childCount) {
                val child = view.getChildAt(i)
                navigationImagesMargin(child)
            }
        } else if (view is ImageView) {
            val param = view.layoutParams as ViewGroup.MarginLayoutParams
            param.topMargin = convertDpToPx(14)
            view.layoutParams = param
        } 
    }
fun convertDpToPx(dp: Int): Int {
    return Math.round(dp * (resources.displayMetrics.xdpi / DisplayMetrics.DENSITY_DEFAULT))
}

在底部导航视图的 onCreate 函数中调用 navigationImagesMargin 函数

navigationImagesMargin(binding.spBottomNavigation)

但是这个解决方案需要在每次重新验证视图时调用 navigationImagesMargin 函数，即在 onItemClick 侦听器中，这里是代码

 binding.spBottomNavigation.setOnNavigationItemSelectedListener { it->
            binding.spBottomNavigation.post {
                navigationImagesMargin(binding.spBottomNavigation)
            }
            true
        }

这样，图像将保持在您首次发布时的目标位置

这是包含完整代码的小型存储库的链接 https://github.com/abdulmalekDery/BottomNavigationControl