Android底部导航栏自定义

时间:2017-05-20 08:13:49

标签: android material-design bottomnavigationview android-bottomnav bottombar

我已经成功实现了简单的底栏,它看起来像图片1.但我想进一步自定义它,它看起来像Youtube的Android应用程序中的底栏,当你点击其中一个项目时,它会传播阴影效果。

我目前的底栏:

My current bottom bar

Youtube的底栏

Youtube's bottom bar

我还想将它自定义为官方网站中的一个,当点击项目时会显示一些动画。

Other bottom bar style

任何片段或教程链接都将不胜感激。感谢

1 个答案:

答案 0 :(得分:3)

试试这个

使用Android Ripple Effect自定义颜色:

在drawable文件夹中创建button.xml

<selector xmlns:android="http://schemas.android.com/apk/res/android">
<item android:state_pressed="true" android:drawable="@color/colorPrimaryDark"/>
<item android:drawable="@color/colorPrimary"/>
</selector>

在drawable-v21文件夹中创建button.xml

<ripple xmlns:android="http://schemas.android.com/apk/res/android"
    android:color="?android:colorControlHighlight">
<item android:drawable="@color/colorPrimary" /> 
</ripple>

适用于您的主题

 <style name="AppTheme" parent="Theme.AppCompat.Light.DarkActionBar">
    <!-- Customize your theme here. -->
    <item name="colorPrimary">@color/colorPrimary</item>
    <item name="colorPrimaryDark">@color/colorPrimaryDark</item>
    <item name="colorAccent">@color/colorAccent</item>
    <item name="colorControlHighlight">@color/colorPrimaryDark</item>
</style>

现在您可以将button.xml设置为视图的背景。

 android:background="@drawable/button"

如有任何疑问follow this link