如何更改bottomNavigationView所选项目的背景波纹

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

我是 Android 开发新手。我想更改底部导航视图中选定图标的背景颜色,但未能做到这一点。我在 Google 上搜索了很多,但未能从 ChatGPT 获得帮助。添加应用程序的 screenshot 会让你们知道我想做什么。

activity_main.xml

<com.google.android.material.bottomnavigation.BottomNavigationView
        android:id="@+id/bottomNavigationView"
        android:layout_width="0dp"
        android:layout_height="wrap_content"
        app:layout_constraintBottom_toBottomOf="parent"
        app:layout_constraintEnd_toEndOf="parent"
        app:layout_constraintStart_toStartOf="parent"
        app:menu="@menu/bottom_nav"
        >
</com.google.android.material.bottomnavigation.BottomNavigationView>

res/menu/bottom_nav.xml

<?xml version="1.0" encoding="utf-8"?>
<menu xmlns:android="http://schemas.android.com/apk/res/android">

    <item
        android:id="@+id/inbox"
        android:icon="@drawable/snapchat_icon_140"
        android:title="Inbox"
        />
    <item
        android:id="@+id/settings"
        android:icon="@drawable/setting_icon_24"
        android:title="Settings" />
</menu>

我希望所选项目的背景颜色为黄色,而不是默认的紫色。请参阅附图以了解here

android mobile material-ui colors bottomnavigationview
1个回答
0
投票

为您的 BottomNavigationView 创建样式。 需要设置itemActiveIndicatorStyle的样式:

<style name="BottomNavigation" parent="Widget.Material3.BottomNavigationView">
        ...
        <item name="itemActiveIndicatorStyle">@style/ActiveIndicatorStyle</item>
        ...
</style>

为 itemActiveIndicatorStyle 创建样式:

<style name="ActiveIndicatorStyle" parent="Widget.Material3.BottomNavigationView.ActiveIndicator">
        <item name="android:color">@color/your_color</item>
</style>

使用风格:

<com.google.android.material.bottomnavigation.BottomNavigationView
    ...
    style="@style/BottomNavigation"
    ...
/>
© www.soinside.com 2019 - 2024. All rights reserved.