android - Android底部导航栏定制

Question

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

我目前的底栏：

Youtube 的底部栏

我还想自定义它，使其看起来像官方网站中的那样，在单击项目时带有一些动画。

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

Answer 1

试试这个

使用 Android Ripple Effect 自定义颜色：

在可绘制文件夹中创建 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"

如有任何疑问，请点击此链接