Ripple的使用

最近在看动画的使用。

在看 Android官方文档 时，看到触摸反馈的文章，就自己动手实验下效果，顺便记录下使用方法。

具体使用地址： https://developer.android.com/training/material/animations.html#Touch

创建drawable resource file

使用如下：

在ripple中添加item，同时设置id为@android:id/mask，其中item的drawable属性不知道干嘛用的，不设置的话会报错~，我这就随便添加了个颜色。

ok,上面咱们不知道item的drawable属性作用，现在就知道其作用了，添加了图片之后，其水波纹就只能在图片的非透明区域显示了。

上面的drawable属性已经尝试过用图片了，那用自定义的shape如何呢？

我自定义了一个圆形的shape，里面设置的颜色还是没什么用的。

shape的xml：

该shape放到drawable属性中

现在，我们在item中添加selector再看看效果

我的图片默认状态是灰色，点击后是红色，而我在ripple中设置的color是绿色，这里就能看出水波纹这一层的效果就像是覆盖在图片上一样。

至此，ripple的使用差不多结束了，如果在开发中发现新的使用方法，我再来添加~~

Android在5.0版为Button默认添加了点击时的涟漪效果，而且在其他的控件上也可以轻松的实现这种炫酷的效果。

我们只需要在控件的android:backgroud 属性上进行设置即可。

如果控件已经使用了android:background属性去设置背景色或者背景图片，但是有想要有点击时的涟漪效果。那么我们可以考虑在android:foreground属性中设置涟漪效果，这样同样可以达到点击时产生涟漪，也不会影响我们对控件背景的设置。

不过对于默认无法点击的控件，还要记得设置android:clickable为true。另外还要注意，如果Android版本过低，无边界的涟漪效果可能无法很好的展。

有边界的涟漪效果：

无边界的涟漪效果：

除了进行上面的设置之外，还要记得设置控件为可点击的

主要是在资源文件夹里创建.xml文件：

1.没有边界的Ripple（Ripple With No Mask）

2.用颜色作为Mask的Ripple（Ripple With Color Mask），然而颜色并没有什么卵用

3.用图片作为Mask的Ripple（Ripple With Picture Mask）

4.用设定形状作为Mask的Ripple（Ripple With Shape Mask）

5.搭配selector作为Ripple（Ripple With Selector）

参考文档：

Android Ripple的详解

Android 5.0中新增了ripple类型，即波纹效果

这里要注意，波纹效果只在5.0以上的设备生效，要实现此种效果，我们需要在res中添加一个新的文件夹drawable-v21用于保存波纹效果.

波纹效果具体实现效果有以下几种：

<ripple>标签，即对应一个RippleDrawable，当它被设置为一个控件的background属性时，控件在按下时，即会显示水波效果

drawable-v21文件夹下 ripple_with_no_mask.xml

使用方法：

在ripple标签中，添加一个item，其drawable属性为引用的颜色(color) ，则水波效果会限定在drawable对应的RippleDrawable本身矩形区域内部，这里颜色的一个作用是限定边界.

drawable-v21文件夹下 ripple_with_color_mask.xml

需要注意的是：

这里指定id为@android:id/mask，那么默认是不会显示该drawable，而是在点击的时候出现

如果不指定，那么在显示的时候会显示出item指定的drawable

在ripple标签中，添加一个item，其drawable属性为引用的图片，则水波效果会限定在图片drawable中非透明部分对应的区域内部.

drawable-v21文件夹下 ripple_with_picture_mask.xml

在ripple标签中，添加一个item，drawable属性为引用的形状(shape) ，则水波效果会限定在shape对应的区域内部.

drawable-v21文件夹下 ripple_with_shape_mask.xml

在ripple标签中，添加一个item，在item的内部写上<selector>标签，那么这个RippleDrawable在按下的时候，同时具有水波效果和selector指定的图层.

drawable-v21文件夹下 ripple_with_selector.xml

至此，文章结束，希望此文能帮助到你，如果对此文有不同见解，欢迎直接评论！

参考：

Android L Ripple的使用

Android5.0适配——水波纹点击效果

---