如何更改活动指标 bottombavigationview 的颜色 material 你呢? material3
How to change the color of active indicator bottombavigationview material You? material3
我想更改底部导航视图中选定区域的颜色material3,但是颜色没有任何变化。我试过选择器、背景、背景色调和样式。全部失败。
Currently like this.
It should be like this.
您可以通过覆盖其默认样式来更改指示器颜色。
默认 itemIndicatorStyle :
<style name="Widget.Material3.BottomNavigationView.ActiveIndicator" parent="">
<item name="android:width">@dimen/m3_bottom_nav_item_active_indicator_width</item>
<item name="android:height">@dimen/m3_bottom_nav_item_active_indicator_height</item>
<item name="marginHorizontal">@dimen/m3_bottom_nav_item_active_indicator_margin_horizontal</item>
<item name="shapeAppearance">@style/ShapeAppearance.Material3.NavigationBarView.ActiveIndicator</item>
<item name="android:color">?attr/colorSecondaryContainer</item>
根据您的喜好覆盖样式即可:
<style name="App.Custom.Indicator" parent="Widget.Material3.BottomNavigationView.ActiveIndicator">
<item name="android:color">@color/blue</item>
</style>
然后将此行添加到您的 bottomNavigationView xml 代码中:
app:itemActiveIndicatorStyle="@style/App.Custom.Indicator"
我想更改底部导航视图中选定区域的颜色material3,但是颜色没有任何变化。我试过选择器、背景、背景色调和样式。全部失败。
Currently like this.
It should be like this.
您可以通过覆盖其默认样式来更改指示器颜色。
默认 itemIndicatorStyle :
<style name="Widget.Material3.BottomNavigationView.ActiveIndicator" parent="">
<item name="android:width">@dimen/m3_bottom_nav_item_active_indicator_width</item>
<item name="android:height">@dimen/m3_bottom_nav_item_active_indicator_height</item>
<item name="marginHorizontal">@dimen/m3_bottom_nav_item_active_indicator_margin_horizontal</item>
<item name="shapeAppearance">@style/ShapeAppearance.Material3.NavigationBarView.ActiveIndicator</item>
<item name="android:color">?attr/colorSecondaryContainer</item>
根据您的喜好覆盖样式即可:
<style name="App.Custom.Indicator" parent="Widget.Material3.BottomNavigationView.ActiveIndicator">
<item name="android:color">@color/blue</item>
</style>
然后将此行添加到您的 bottomNavigationView xml 代码中:
app:itemActiveIndicatorStyle="@style/App.Custom.Indicator"