Android5.x自定义水波效果

Android 5.x中新增了RippleDrawable类型，即波纹效果.效果图如下：

在res中添加一个新的文件夹drawable-v21，用于保存波纹效果

ripple.xml

<ripple xmlns:android="http://schemas.android.com/apk/res/android" android:color="#ff4cA3D2" android:background="?android:attr/selectableItemBackground" >
    
    <item android:drawable="@drawable/bg"/>

ripple>

drawabel/bg.xml

<shape xmlns:android="http://schemas.android.com/apk/res/android">
<solid android:color="#fff"/>
shape>

• android:radius:设置波纹半径大小，单位为px
• android:color:设置指定波纹效果的颜色。而且必须为”#rgb”, “#argb”, “#rrggbb”, or “#aarrggbb” 格式。
• android:background=”?android:attr/selectableItemBackground”波纹有边界
• android:background=”?android:attr/selectableItemBackgroundBorderless”波纹超出边界

或将两个xml写成一个

<ripple xmlns:android="http://schemas.android.com/apk/res/android" android:color="#ff4cA3D2" android:background="?android:attr/selectableItemBackground" >
    <item >
        <shape>
            <solid android:color="#fff"/>
        shape>
    item>
ripple>

本身RippleDrawable继承android.graphics.drawable.LayerDrawable，所以支持LayerDrawable操作。
RippleDrawable应用于ImageView没有出现水波效果

自定义水波纹形状

官方文档中提到，触摸反馈绘制可能包含多个子层，包括未绘制到屏幕上一个特殊的遮罩层。该遮蔽层android:id值为 “@android:id/mask”,即水波纹本身这一层。
drawable/ripple2.xml

<ripple xmlns:android="http://schemas.android.com/apk/res/android" android:color="#ff4cA3D2" android:background="?android:attr/selectableItemBackground" >
    <item android:id="@android:id/mask" android:drawable="@mipmap/ic_launcher"/>
ripple>

这里使用系统自带的小图标。ic_launcher为一张图片，也可使用ShapeDrawable改变水波纹的形状。

补充

5.0后，系统默认为应用View控件添加波纹效果。只需要在应用主题中增加并修改android:colorControlHighlight属性就能修改整个应用的波纹效果颜色。
values/styles.xml

<resources>

    
    <style name="AppTheme" parent="Theme.AppCompat.Light.DarkActionBar"> -- Customize your theme here. --> <item name="colorPrimary">@color/colorPrimary "colorPrimaryDark">@color/colorPrimaryDark "colorAccent">@color/colorAccent  "colorControlHighlight">#ff4cA3D2 style>
resources>

AndroidManifest.xml

<manifest xmlns:android="http://schemas.android.com/apk/res/android" package="com.example.brazen_zz.rippledemo">

    <application  android:allowBackup="true" android:icon="@mipmap/ic_launcher" android:label="@string/app_name" android:supportsRtl="true" android:theme="@style/AppTheme">
        <activity android:name=".MainActivity">
            <intent-filter>
                <action android:name="android.intent.action.MAIN" />

                <category android:name="android.intent.category.LAUNCHER" />
            intent-filter>
        activity>
    application>

manifest>

可以为控件设置android:background属性设置波纹边界。

相关文章

官方文档API：https://developer.android.com/reference/android/graphics/drawable/RippleDrawable.html
demo下载：https://github.com/Abrazen/RippleDemo(比较简单，以后慢慢增加更酷炫的效果)。