android–BottomNavigationView– 阴影和涟漪效果

概述我很高兴一周前发布了BottomNavigationView,但是我遇到了一些问题,这些问题让我无法解决它,就像在BottomNavigationView上看到阴影一样,就像谷歌照片Android应用程序向我们展示的那样：如果我们点击Google相册菜单项,我们就会看到一个涟漪效果,就像图标和文字颜色(选中时)一样呈蓝

我很高兴一周前发布了BottomNavigationView,但是我遇到了一些问题,这些问题让我无法解决它,就像在BottomNavigationVIEw上看到阴影一样,就像谷歌照片AndroID应用程序向我们展示的那样：

如果我们点击Google相册菜单项,我们就会看到一个涟漪效果,就像图标和文字颜色(选中时)一样呈蓝色.

仅实施Google提供的解决方案会显示灰色波纹效果颜色,更糟糕的是,当我们更改bottomnavigationvIEw(design：itemBackground =“…”)的背景颜色时,它不会显示.

有人知道怎么解决吗？

解决方法:

这是我取得的成就：

Ripple effect + Elevation gif

我创建了一个demo on GitHub来帮助你.

首先使用最新的支持库编译“com.androID.support:design:$SUPPORT_VERSION”

它只适用于你设置白色背景颜色androID：background =“@ androID：color / white”

请注意,如果您使用app：itemBackground属性,或者您的设计是：itemBackground =“…”,则涟漪效应将消失,因此请将其删除.

<androID.support.design.Widget.BottomNavigationVIEw    androID:ID="@+ID/bottom_navigation"    androID:layout_wIDth="match_parent"    androID:layout_height="wrap_content"    androID:layout_alignParentBottom="true"    androID:background="@androID:color/white"    app:elevation="16dp"    app:itemIconTint="@drawable/nav_item_color_state"    app:itemTextcolor="@drawable/nav_item_color_state"    app:menu="@menu/bottom_navigation_main" />

处理启用/禁用状态：

您需要创建选择器文件：

<?xml version="1.0" enCoding="utf-8"?><selector xmlns:androID="http://schemas.androID.com/apk/res/androID">    <item androID:state_checked="true" androID:color="@color/colorPrimary" />    <item androID:color="@androID:color/darker_gray"  /></selector>

如果你想在Apptheme中改变标准的灰色波纹效果改变colorControlHighlight proproperty,那么它看起来如下：

<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/colorPrimaryRipple</item></style>

使用26％Alpha的彩色涟漪.

<color name="colorPrimary">#3F51B5</color><color name="colorPrimaryRipple">#423F51B5</color>

总结

以上是内存溢出为你收集整理的android – BottomNavigationView – 阴影和涟漪效果全部内容，希望文章能够帮你解决android – BottomNavigationView – 阴影和涟漪效果所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错，欢迎将内存溢出网站推荐给程序员好友。