前言

Ripple: 波纹

在使用时候，通过点击时候，会产生波纹效果。

系统提供

//有界波纹
android:background="?android:attr/selectableItemBackground"
//无界波纹
android:background="?android:attr/selectableItemBackgroundBorderless"

可以直接给你想用的控件设置背景，背景的值就是上面提到的几个。

自己定义

（1）示例样式一

 <!-- A red ripple masked against an opaque rectangle. --/>
 <ripple 
    android:color="#ffff0000"
    android:radius="145dp">
   <item android:id="@android:id/mask"
         android:drawable="@android:color/white" />
 </ripple>

红色的波纹掩盖了一个白色的矩形，
也就是说，ripple标签中的
android:color="#ffff0000"指定的是波纹的颜色
android:radius:表示指定一个维度，波纹半径完全展开时。默认情况下，半径是根据波纹容器的大小来计算的。
可能是一个维度值，这是一个浮点数字，附加一个单位，如“14.5sp”。可用的单位是：px（像素），dp（密度独立像素），sp（基于首选字体大小的缩放像素），单位为英寸和毫米。

这里提到了一个item，你可以通过item使得这个波纹不会无休止的扩散，让其有边界，并且可以指定底色。
因为大多数使用时候当做一个View的background使用，那么底色便存在了意义，可以认为是指定原来View的背景颜色。

(2)示例样式二

 <!-- An unbounded red ripple. --/>
 <ripple android:color="#ffff0000" />

这样使用表示的是一个没有边界的红色的波纹，当在点击时候会展开一个红色的没有边界的波纹，由于没有
<item>，也没有android:radius属性，那么就是一个以当前控件向外面发散的圆形。

(3)示例样式三

<?xml version="1.0" encoding="utf-8"?>
<ripple xmlns:android="http://schemas.android.com/apk/res/android"
    android:color="#f7ef07"
        android:radius="145dp"
    >
    <item>
        <shape android:shape="rectangle">
            <solid android:color="#f14509"/>
        </shape>
    </item>
    <item>
        <shape android:shape="rectangle">
            <solid android:color="#937c74"/>
        </shape>
    </item>

    <item>
        <shape android:shape="rectangle">
            <solid android:color="#fffcfc"/>
        </shape>
    </item>

</ripple>

如图所示，指定了好几个item，但是在使用的时候，默认给view使用的是最后一个item的颜色，在点击的时候，波纹的颜色是ripple标签中指定的颜色。

这样看起来是不难的，具体的可以将代码拷贝到程序中测试看看。

(4)例子

<?xml version="1.0" encoding="utf-8"?>
<ripple xmlns:android="http://schemas.android.com/apk/res/android"
    android:color="@color/standard_red"//波纹颜色
    >

    <item android:id="@android:id/mask"
        android:drawable="@android:color/white" />
    <item>
        <shape android:shape="rectangle" >
            <solid android:color="@color/free_wash_red"/>
        </shape>
    </item>
//默认展示的颜色，取最后一个item、

</ripple>

如上所示，定义了一个控件，平常颜色就是free_wash_red,但是当用户点击的时候，就是standard_red的波纹。上述运行效果，波纹会慢慢的铺满容器。如果在<ripple>中设置radius，那么就是按照这个radiu来确定波纹长度。但需要注意一点，这样波纹并不是以你手指落下为起点扩散的。如果不设置radiu，则是以你手指落下开始的扩散、

注意

上述文件是建立在drawable-v21文件中，咱们再drawable文件中应该建立别的xml

<?xml version="1.0" encoding="utf-8"?>
<selector xmlns:android="http://schemas.android.com/apk/res/android">
    <item android:drawable="@color/standard_red" android:state_pressed="true"/>
    <item android:drawable="@color/standard_red" android:state_focused="true"/>
    <item android:drawable="@color/free_wash_red"/> //默认展示的颜色
</selector>

如果不想这样，也可以直接在drawable中写ripple，不过需要加上 NewApi的过滤、

最后编辑于：2020.03.13 11:28:40