BottomNavigation视图波纹颜色效果

时间:2016-12-01 20:05:57

标签: android user-interface bottomnavigationview

我在Google Play上的Material Calculator应用程序和现在的BottomNavigation视图中看到了这种涟漪颜色效果。

如何从触摸开始制作此色彩效果?

Gif:https://d13yacurqjgara.cloudfront.net/users/72535/screenshots/2673294/bottom_navigation_material_design_by_jardson_almeida.gif

enter image description here

3 个答案:

答案 0 :(得分:2)

我认为如果你使用风格会更容易:

<style name="AppTheme" parent="Theme.AppCompat.Light.DarkActionBar">
  <item name="colorControlHighlight">@color/ripple_material_dark</item>
</style>

答案 1 :(得分:1)

如果您知道如何制作简单的纹波,那么这里是改变颜色的代码:

RippleDrawable rippleDrawable = (RippleDrawable)view.getBackground(); // assumes bg is a RippleDrawable

int[][] states = new int[][] { new int[] { android.R.attr.state_enabled} };
int[] colors = new int[] { Color.BLUE }; // sets the ripple color to blue

ColorStateList colorStateList = new ColorStateList(states, colors);
rippleDrawable.setColor(colorStateList);

答案 2 :(得分:0)

这两个答案都可以完成这项工作,但我找到了一个简化了BottomNavigation工作的库:

https://github.com/roughike/BottomBar