Android5.0水波纹效果ripple实现

1、如何设置波纹效果

// 波纹有边界

android:background="?android:attr/selectableItemBackground"
// 波纹超出边界
android:background="?android:attr/selectableItemBackgroundBorderless"

注意：

波纹有边界是指波纹被限制在控件的边界中，而波纹超出边界则是波纹不会限制在控件边

界中，会呈圆形发散出去

2、创建具有ripple效果的xml文件（自定义ripple的动画，可以设置颜色等）

<?xmlversion="1.0" encoding="utf-8"?>
<ripplexmlns:android="http://schemas.android.com/apk/res/android"
<span style="white-space:pre"> </span>android:color="@android:color/holo_blue_bright">
<span style="white-space:pre"> </span><item>
<span style="white-space:pre">     </span><shape<span style="white-space:pre">   </span>

<span style="white-space:pre">            </span>android:shape="rectangle">
<span style="white-space:pre">         </span><solidandroid:color="#34495e" />
<span style="white-space:pre">     </span></shape>
<span style="white-space:pre"> </span></item>
</ripple>

说明：

1、android:color="@android:color/holo_blue_bright">对应的颜色是点击后波纹的颜色

2、solid对应的颜色是背景原来的颜色

3、注意：

1、ripple属性在控件的长和宽都设置成wrap_content时不会有效果

2、view的长点击事件会在ripple效果结束后发生

3、Ripple的xml文件要建在drawable目录下，引用的时候@drawable/就好了

转载于:https://www.cnblogs.com/wansho/p/5104328.html

Android5.0水波纹效果ripple实现相关推荐

仿Android5.0 水波扩散效果(Ripple)简单实现
该效果是通过自定义界面来实现的 1.首先自定义属性,attrs.xml代码如下: <?xml version="1.0" encoding="utf-8" ...
聊聊Android5.0中的水波纹效果
水波纹效果已经不是什么稀罕的东西了,用过5.0新控件的小伙伴都知道这个效果,可是如果使用一个TextView或者Button或者其它普通控件的话,你是否知道如何给它设置水波纹效果呢?OK,我们今天就来 ...
【安卓R 源码】Ripple 水波纹效果源码
安卓使用ripple实现点击时的涟漪效果 - 简书 https://www.jb51.net/article/145309.htm Android:RippleDrawable 水波纹/涟漪效果 - ...
Android 水波纹效果的探究
前言水波纹效果从Android5.0就已经出来了,基本的使用相信大家都知道了,这里多谈一些相对深层次的使用: 1.基本使用 2.水波纹效果与布局绘制之间的问题 3.长按水波纹扩散效果 4.Butto ...
android水波纹动画制作,Framer之事件 | 如何制作安卓点击水波纹效果？
之前的 Framer 教程都是按照个人喜好去写的,没有按照难易程度形成系列.为了让大家能更好地入门,我准备由易到难写一个系列教程,尽量保持在每周一篇的频率. 导读:事件是 Framer 中的一个重要概 ...
Android开发中的水波纹效果实现
编写不易,如有转载,请声明出处:http://blog.csdn.net/zxc514257857/article/details/73200900 前言 android中的水波纹效果是5.0以后 ...
android水波纹点击动画,android 控件点击水波纹效果的几种方案
目前我所知道的至少有三种可以实现点击水波纹的效果第一种:安卓自带的方法在安卓中有自带的一种属性,可以实现水波纹的效果,就是在所需要点击的控件属性加上如下代码: android:background ...
css+js实现水波纹效果
效果如下新建HTML文件,把下面的代码直接贴进来,浏览器打开看效果. 在线运行 <!DOCTYPE html> <html lang="en"> < ...
html实现鼠标移动波纹效果,js实现拖动滑块和点击水波纹效果
本篇文章就给大家介绍js实现拖动滑块效果和点击水波纹效果的方法.有一定的参考价值,有需要的朋友可以参考一下,希望对你们有所帮助. 拖动滑块效果: 先看看效果图: Document input[type ...