当谷歌推出Material Design设计规范后,谷歌的产品都开始按照这一规范进行设计,包括了Android Mobile, Android Table, Web Chrome 在内的所有平台。按压产生水波纹(ripple)这一效果也登上舞台,在Android中的使用就是ripple xml资源文件和RippleDrawable。
RippleDrawable就是ripple资源文件解析后生成的对象,它继承自LayerDrawable。
看下几种水波纹的的样式:
1.无边界:可以超过控件本身的宽高,直到直径最大等于控件的宽高的最大值或者扩散到父布局(有背景)的边界,代码如下,只有color,其他为空。
<?xml version="1.0" encoding="utf-8"?>
<ripple xmlns:android="http://schemas.android.com/apk/res/android"
android:color="#ffff0000" />
2.有边界:使用设置item并且id为android:id/mask,控制其显示的边界,item内容可以是颜色,drawable,shape或其他背景资源文件。如果是颜色:如果是透明则无效果;如果是drawable:限制在其非透明区域内;shape同理;
<?xml version="1.0" encoding="utf-8"?>
<ripple xmlns:android="http://schemas.android.com/apk/res/android"
android:color="#ffff0000">
<item android:id="@android:id/mask">
<color android:color="@android:color/black" />
</item>
</ripple>
3.有背景:item的id不是mask,则默认显示背景,按压显示水波纹,这是常用的情况,区域同样限制在非透明区域内。
<?xml version="1.0" encoding="utf-8"?>
<ripple xmlns:android="http://schemas.android.com/apk/res/android"
android:color="#ffff0000">
<item>
<color android:color="@android:color/black" />
</item>
</ripple>
4.有样式的透明背景:如果想显示透明背景且显示样式(例如圆角,边框),需要结合mask的item和背景,使用mask限制边界,并添加背景的item
<?xml version="1.0" encoding="utf-8"?>
<ripple xmlns:android="http://schemas.android.com/apk/res/android"
android:color="#41A8A2A2">
<item android:id="@android:id/mask">
<shape>
<solid android:color="@android:color/white" />
<corners android:radius="999dp" />
</shape>
</item>
<item>
<shape>
<solid android:color="@android:color/transparent" />
<corners android:radius="999dp" />
</shape>
</item>
</ripple>
各种效果图如下