在底部导航视图中选择的每个项目下方添加一行

Question

我想在每个底部导航视图项目的项目被选中时在其下方放置一条线。如下图，但是我找不到方法。我创建了一个形状线，line.xml 如下：

<shape xmlns:android="http://schemas.android.com/apk/res/android"
    android:shape="line">
    <stroke android:width="6dp" android:height="2dp" android:color="@color/honey"/>
    <corners android:radius="5dp"/>
</shape>

我创建了一个选择器 checked_uncheked.xml，代码如下：

<?xml version="1.0" encoding="utf-8"?>
<selector xmlns:android="http://schemas.android.com/apk/res/android">
    <item android:drawable="@drawable/line" android:state_checked="true"/>
    <item android:drawable="@color/white" android:state_checked="false"/>
</selector>

我在bottomNavigation下面添加了"app:itemBackground="@drawable/line"，还是没有结果

Answer 1

使用这个line.xml:

<layer-list xmlns:android="http://schemas.android.com/apk/res/android">
    <item
        android:left="32dp"
        android:right="32dp"
        android:top="32dp">
        <shape android:shape="line">
            <stroke android:width="6dp" android:height="2dp" android:color="@color/honey"/>
            <corners android:radius="5dp"/>
        </shape>
    </item>
</layer-list>

根据您的布局调整边距。

在底部导航视图中选择的每个项目下方添加一行

Add a line below each item selected in bottom navigation view

android

kotlin

bottomnavigationview