在之前的开发中,对于水波纹效果一直没有太多的关注,基本上没有太多的使用,用到的时候也是使用的系统自带的水波纹效果,对这块也没有太多的了解,今天就针对这一点,专门做一下相关的效果

水波纹效果简介

水波纹效果是在Android5.0系统之后引入的一项交互性效果,现在已经被大量使用在移动开发中,提高了APP交互的趣味性,带给用户交互较好的反馈,因此,只能在Android5.0之上的系统才能使用,而低于此版本的系统,只能通过自定义来实现.

最终效果图

手机录屏效果不太好,大家可以亲自尝试一下

实现步骤

1.如果大家对自定义没有太多的要求,完全可以使用系统自带的效果,有两种,有界和无界,这样就能实现水波纹效果,不过大部分时间都是自定义,也好对自己的业务进行定制

// 系统提供的水波纹效果(有界/不能改颜色)
android:background="?android:selectableItemBackground"
// 系统提供的水波纹效果(无界/不能改颜色)
android:background="?android:selectableItemBackgroundBorderless"

2.自定义水波纹效果,在布局中通过android:background属性就可以实现自定义的水波纹效果

<?xml version="1.0" encoding="utf-8"?>
<ripple xmlns:android="http://schemas.android.com/apk/res/android"
        android:color="#6da7ff">
    <item>
        <shape>
            <!--点击后的颜色-->
            <solid android:color="#ff1c1c"/>
            <!--设置角度-->
            <corners android:radius="10dp"/>
        </shape>
    </item>
</ripple>

3.效果

20181217_104941.gif