如何实现 BottomNavigationView 的选项卡选择器?

问题描述 投票:0回答:1

你好, 我只想为 BottomNavigation 视图实现一个选项卡选择器,如下所示: example

目前我不关心项目动画,我只想为所选项目放置底部矩形,我怎样才能达到这个目标

我尝试了多种选项和配置,但我没有找到不需要外部库实现的简单解决方案。

kotlin animation tabs bottomnavigationview material-components-android
1个回答
0
投票

我自己解决了它,我把它放在以防它可以帮助别人: 你需要创建一个像这样的可绘制对象@drawable/bottom_nav_active_indicator:

<?xml version="1.0" encoding="utf-8"?>
<selector xmlns:android="http://schemas.android.com/apk/res/android">
    <item android:state_selected="true">
        <layer-list>
            <item>
                <shape android:shape="rectangle">
                    <size android:height="80dp" android:width="80dp"/>
                    <solid android:color="@color/canary_gray" />
                </shape>
            </item>
            <item android:top="65dp" android:bottom="12dp" android:gravity="center_horizontal">
                <shape android:shape="rectangle">
                    <size android:height="4dp" android:width="20dp"/>
                    <solid android:color="@color/canary_yellow" />
                    <corners android:radius="5dp"/>
                </shape>
            </item>
        </layer-list>
    </item>
</selector>

那么你只需要在这里使用它:

app:itemBackground="@drawable/bottom_nav_active_indicator"

这对我有用:

example

© www.soinside.com 2019 - 2024. All rights reserved.