用material Design主题实现水波纹效果

http://blog.csdn.net/jdsjlzx/article/details/50615077 大部分内容都是参考这个博文
简单的方法是直接继承一下主题

<!-- Base application theme. -->
<style name="AppTheme" parent="Theme.AppCompat.Light.DarkActionBar">
    <!-- Customize your theme here. -->
    <!--标题栏的效果 标题 一般都是NoActionBar的  -->
    <item name="colorPrimary">@color/colorPrimary</item>
    <!--状态栏的效果 就是最上面的窄边-->
    <item name="colorPrimaryDark">@color/colorPrimaryDark</item>
    <!--点击的效果吧  checkbox RadioGroup这些都会影响到-->
    <item name="colorAccent">@color/colorAccent</item>
</style>

兼容性：
由于Material Theme只可以在Android L Developer Preview中使用。即5.0 —->v21
所以在低版本使用的话就需要为其另设一套主题：
在老版本使用一套主题 res/values/styles.xml，在新版本使用Material主题res/values-v21/styles.xml.
这样子后本身能点击的view 就能自带点击效果了即系统自带点击效果的都有效果比如Button Checkbox RadioGroup 之类的
但是Button是个深坑自带背景如果去掉背景改为@null 或者设置颜色什么的水波纹效果就没有了所以要用后面提到的ripple自己做个drawable 包裹一下。
可以通过如下代码设置波纹的背景：

android:background="?android:attr/selectableItemBackground"波纹有边界
android:background="?android:attr/selectableItemBackgroundBorderless"波纹超出边界//这个效果给我的感觉挺难看的

自带点击效果的不用设置也有第一种的效果没有点击效果的需求自己手动什么background 比如textview 之类的前提是你对背景没有特殊的处理

对一些 relativelayout 也可以包裹住一起点击效果（设置外围父容器的背景就可以有这种效果）

通过主题+设置背景就这么搞定了

有几个缺点
① 背景被占用了
② 要设置主题，5.0才开始使用 5.0之前没效果

第一种可以用这种来解决自定义背景用ripple包裹一下就是工作量有点大
还有种是自定义背景包裹一下
是API21才有的新Tag,正是实现水波纹效果的;

其中<ripple android:color="#FF21272B" .... />这个是指定水波纹的颜色.

而<item />里面的东西,我们都很熟悉,就是普通的定义一个带圆角的背景.

ripple_bg.xml:

<?xml version="1.0" encoding="utf-8"?>
<ripple xmlns:android="http://schemas.android.com/apk/res/android"
    android:color="#FF21272B">
    <item>
        <shape android:shape="rectangle">
            <solid android:color="#FFFFFF" />
            <corners android:radius="4dp" />
        </shape>
    </item>
    <item android:drawable="@drawable/rounded_corners" />
</ripple>
//或者这么写 不过ripple标签只能在v21的版本以上使用
<ripple xmlns:android="http://schemas.android.com/apk/res/android" android:color="@color/colorAccent">
    <item android:drawable="@android:color/black" />
</ripple>

其实本质上面是一个Reveal动画点击的时候他会拿到该view的canvas 不断的刷新他但是他需要view的支持低版本的情况下是不支持的 如何解决5.0以前的事情呢？
参考任玉刚大佬的博客自定义view 为了通用性他继承了LinearLayout，通过计算用户点击的区域将该区域的水波纹搞出来，如果你在某块区域想搞水波纹那就在外秒包裹一下这个自定义view http://blog.csdn.net/singwhatiwanna/article/details/42614953
实现思想
首先我们自定义一个layout，这里我们选取LinearLayout，至于原因，文章下面会进行分析。当用户点击一个可点击的元素时，比如button，我们需要得到用户点击的元素的信息，包含：用户点击了哪个元素、用户点击的那个元素的宽、高、位置信息等。得到了button的信息后，我就可以确定水波纹的范围，然后通过layout进行重绘去绘制水波纹，这样水波纹效果就实现了
md 其它的一些效果 http://www.open-open.com/lib/view/open1416663769680.html

用material Design主题实现 水波纹效果

推荐阅读更多精彩内容

用material Design主题实现水波纹效果