正文

点击水波纹效果

epmouse  epmouse  2022-08-24  679

关键词：

当布局没有设置 background属性的时候给其布局中加入一下代码就是系统默认的水波纹效果

比如在recyclerview的item布局中，或者其他任意布局中。

android:background="?android:attr/selectableItemBackground"
    android:clickable="true"
    android:focusable="true"

当UI有要求布局、按钮等的背景颜色时，使用ripple属性来设置背景。

在drawable-v21中加入：

<?xml version="1.0" encoding="utf-8"?>
<ripple xmlns:android="http://schemas.android.com/apk/res/android"
    android:color="@color/feedback_sbmit_btn_color_press"//点击时水波纹的颜色
    >
    <item>
        <shape android:shape="rectangle">//水波纹矩形形态。
            <solid android:color="@color/feedback_sbmit_btn_color_nor" />//正常状态的颜色
            <!--<corners android:radius="4dp" />-->
        </shape>
    </item>
//以下两行表示当按钮或布局不可用时的状态，可根据自己的实际情况添加。如果只考虑点击的话删除以下两行即可。
<item android:drawable="@drawable/input_green" android:state_enabled="true"/>
<item android:drawable="@drawable/after_send_2x" android:state_enabled="false"/>
</ripple>

由于ripple属性是21以上的系统才有，所以还需要在5.0以下，也就是正常的drawable文件夹下创建同名文件，代码如下：（就是正常selector的写法）

<?xml version="1.0" encoding="utf-8"?>
<selector xmlns:android="http://schemas.android.com/apk/res/android">
<item android:drawable="@color/feedback_sbmit_btn_color_press" android:state_pressed="true"/>
<item android:drawable="@color/feedback_sbmit_btn_color_press" android:state_focused="true"/>
<item android:drawable="@drawable/input_green" android:state_enabled="true"/>
<item android:drawable="@drawable/input_green" android:state_pressed="false"/>
<item android:drawable="@drawable/input_green" android:state_focused="false"/>
<item android:drawable="@drawable/after_send_2x" android:state_enabled="false"/>
</selector>

说明：android5.0以上的系统默认button、imageButton、radioButton、checkBox等默认获取焦点的控件，在不设置background属性的情况下就具有水波纹效果

设置该属性后（比如颜色图片等等），水波纹失效。想要达到效果，就在v21中使用ripple设置background。

如何让所有view都可以带上点击的水波纹效果

参考技术APF的话可以用表达式当撞击事件发生时动态创建一个面片赋予一个水波纹的动画材质查看详情

帮我更改一下button点击效果水纹效果。

...的如下位置打印事件对象，检查是不是重复调用了：结果点击上面的“waves”和“btn”按钮分别返回了不同的事件对象，所以排除重复调用的可能。在代码的129行，将动画定时器的时间改大（减慢动画执行速度），观察效果：经... 查看详情

canvas水波纹效果

先看效果演示效果自然界中水波纹效果十分麻烦，我这里只是根据水波纹的几个特性，在理想环境下模拟水波纹的扩散效果。这里应用到的属性有：扩散、波动、折射。扩散：很好理解，水波纹会从触发原点开始向周围扩散... 查看详情

点击按钮出现水波纹动画

...overflow:hidden，并添加下标线标签并设置其样式　　当鼠标点击按钮时，如果按钮内有标签(波兰纹)即把该标签删掉，　　然后给按钮添加一个新的标签(波浪纹), 注：必须先添加标签然后计算标签样式再更改其相应样式，如果... 查看详情

动态壁纸水波纹效果

】动态壁纸水波纹效果【英文标题】：LiveWallpaperWaterRippleEffect【发布时间】：2012-05-0618:00:07【问题描述】：我正在制作一个动态壁纸，它在触摸屏幕时加入了一些水波纹效果，但我有点卡住了。创建多个图像并循环播放它们以创... 查看详情

Pygame 水波纹效果

】Pygame水波纹效果【英文标题】：Pygamewaterrippleeffect【发布时间】：2011-11-3016:12:55【问题描述】：我在Google上搜索过，但没有现成的脚本-与Flash上的效果相反。我检查了TheWaterEffectExplained上的算法，还测试了PerlinNoise的实现，它可... 查看详情

如何给imageview设置水波纹效果

水波纹效果：1.标准正余弦水波纹；2.非标准圆形液柱水波纹；虽说都是水波纹，但两者在实现上差异是比较大的，一个通过正余弦函数模拟水波纹效果，另外一个会运用到图像的混合模式（PorterDuffXfermode）；先看效果：自定义Vi... 查看详情

水波纹的动态效果

就像这样：http://bbs.nj999.com/attachment/52_12663.gif谁有这种图的教程，或者文字教程也可以，请帮帮忙~~~~~~参考技术Awww.blueidea.com上好像看到过,你找下吧查看详情

ripple水波纹效果

背景+波纹对于有边界限制的Ripple，我们就需要给他提供一个范围，即添加一个item标签。如果在一个ripple标签中，添加一个item标签，在item中添加如下属性：【android:drawable="@color/***"】水波效果会限定在本身矩形区域内部【android:d... 查看详情

css实现水波纹效果

1.HTML代码：<divclass="example"><divclass="dot"></div></div>2.CSS样式：设置animation属性.dot:before{content:‘‘;position:absolute;z-index:2;left:0;top:0;width:10px;height:10px;background- 查看详情

materializecss的水波纹效果

<!DOCTYPEhtml><htmllang="en"><head><metacharset="UTF-8"><title>Document</title><style>p{height:100px;line-height:100px;text-align:center;width:100px;backgroun 查看详情

css3+jquery实现按钮水波纹效果

<!DOCTYPEhtml><html><head><metacharset="UTF-8"><metaname="viewport"content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=no"><title>水波纹按钮< 查看详情

自定义view实现水波纹效果

今天看到一篇自定view实现水波纹效果觉得真心不错学习之后再次写下笔记和心得.但是感觉原作者写得有些晦涩难懂,也许是本人愚笨所以重写此作者教程.原作者博文大家可以去看下,感觉他在自定义view方面非常厉害,本文是基于... 查看详情

android水波纹显示进度效果

关于水波纹的效果想必大家见的已经很多了，我就在这里再啰嗦一次，为了加深自己的印象。先来看看效果图关于这个效果的实现不必想的太过复杂了，要想实现这个效果，我们还需要了解一下PorterDuff及Xfermode关... 查看详情

android按钮实现按压水波纹效果(代码片段)

...android:foreground="?selectableItemBackground"即可实现水波纹的效果。但是这需要在API23也就是说需要在Android6.0系统的手机上面，才会有效果。方法二：给Button按钮设置背景<?xmlversion="1.0"encoding 查看详情

我家电脑鼠标一滑动屏幕就像水波纹一样，为啥？

...动，4.重启，就好了。2 参考技术B你打开电脑的控制面板点击鼠标点开选项。。然后这样设置查看详情

超好的水波纹效果(代码片段)

html<aclass="home_user_head"href="javascript:;"><imgsrc="//static.eimoney.com/diamonds/mobile/imoney_v6/img/iMoneyNewLogoColor.png"></a>css:.home_user_headdisplay:inline-block;posit 查看详情

android默认水波纹的使用和去除

actionBarItemBackground5.0以上超出边界圆形水波纹selectableItemBackground5.0以上边界内圆形水波纹style=”?android:attr/borderlessButtonStyle”无效果这两个属性在5.0以下是默认的灰色效果,个人觉得也很唯美大笑用法Android:background=”?android:a... 查看详情