关键词:
方法一:
在控件中加入android:foreground="?selectableItemBackground"
即可实现水波纹的效果。
但是这需要在API23 也就是说需要在Android6.0系统的手机上面,才会有效果。
方法二:
给Button按钮设置背景
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:app="http://schemas.android.com/apk/res-auto"
xmlns:tools="http://schemas.android.com/tools"
android:layout_width="match_parent"
android:layout_height="match_parent"
tools:context=".RippleActivity">
<Button
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:background="@drawable/ripple"
android:layout_marginRight="10dp"
android:layout_marginLeft="10dp"
android:layout_marginTop="10dp"
android:text="水波纹效果"
android:textSize="20sp"
android:textColor="@color/white"
/>
</LinearLayout>
在drawable文件中设置ripple.xml
用水波纹标签 设置水波纹的颜色,和Button按钮的样式:
<?xml version="1.0" encoding="utf-8"?>
<ripple xmlns:android="http://schemas.android.com/apk/res/android"
android:color="#ffffff"
>
<item android:drawable="@drawable/btn_ripple"/>
</ripple>
其中btn_ripple.xml属性如下:
<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android"
android:shape="rectangle"
>
<solid android:color="#11EA09"/>
<corners android:radius="25dp"/>
</shape>
我水波纹按压颜色设置的是白色,这样能看的更直观。
效果如图所示:
点击水波纹效果
...果比如在recyclerview的item布局中,或者其他任意布局中。android:background="?android:attr/selectableItemBackground"android:clickable="true"android:focusable="true"当UI有要求布局、按钮等的背 查看详情
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>水波纹按钮< 查看详情
android去掉radiobutton水波纹效果(代码片段)
RadioButton背景色设置为android:background="?android:attr/selectableItemBackground"themes.xml主题添加<itemname="android:selectableItemBackground">@null</item><itemname="android:selectableItemBackgroundBorderless">@null</item&g... 查看详情
android-如何给imageview设置水波纹效果(代码片段)
1.btn_ripple_mask.xml<?xmlversion="1.0"encoding="utf-8"?><ripplexmlns:android="http://schemas.android.com/apk/res/android"android:color="@andro 查看详情
android-如何给imageview设置水波纹效果(代码片段)
1.btn_ripple_mask.xml<?xmlversion="1.0"encoding="utf-8"?><ripplexmlns:android="http://schemas.android.com/apk/res/android"android:color="@andro 查看详情
android使用kotlin来实现水波纹的自定义view(代码片段)
这篇文章比较简单,主要是记录一下自定义View实现水波纹。按照惯例,先来看看效果图一、先总结下自定义View的步骤:1、自定义View的属性2、在View的构造方法中获得我们自定义的属性3、重写onMesure4、重写onDraw其中on... 查看详情
android使用kotlin来实现水波纹的自定义view(代码片段)
这篇文章比较简单,主要是记录一下自定义View实现水波纹。按照惯例,先来看看效果图一、先总结下自定义View的步骤:1、自定义View的属性2、在View的构造方法中获得我们自定义的属性3、重写onMesure4、重写onDraw其中on... 查看详情
android水波纹显示进度效果
关于水波纹的效果想必大家见的已经很多了,我就在这里再啰嗦一次,为了加深自己的印象。先来看看效果图关于这个效果的实现不必想的太过复杂了,要想实现这个效果,我们还需要了解一下PorterDuff及Xfermode关... 查看详情
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- 查看详情
自定义控件三部曲之绘图篇(二十)——radialgradient与水波纹按钮效果
...……今天给大家讲的效果是使用RadialGradient来实现水波纹按钮效果,水波纹效果是And 查看详情
超好的水波纹效果(代码片段)
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 查看详情
按钮点击效果(水波纹)
原文地址:http://www.cnblogs.com/ys-ys/p/5874343.html<!DOCTYPEhtml><html> <head> <metacharset="UTF-8"> <metaname="viewport"content="width=device-width,initial-scale=1,minimum-s 查看详情
android之bottomnavigationview实现底部按钮水纹波效果(代码片段)
...g="utf-8"?><layout><data></data><LinearLayoutxmlns:android="http://schemas.android.com/apk/res/android"xmlns:app="http://schemas.android.com/apk/res-auto"android:layout_android:layout_android:orientation="vertical"android:background="@color/white"><Viewandroid:id="@+id/... 查看详情
如何给imageview设置水波纹效果
...;2.非标准圆形液柱水波纹;虽说都是水波纹,但两者在实现上差异是比较大的,一个通过正余弦函数模拟水波纹效果,另外一个会运用到图像的混合模式(PorterDuffXfermode);先看效果:自定义View根据实际情况可以选择继承自Vie... 查看详情
帮我更改一下button点击效果水纹效果。
...查是不是重复调用了:结果点击上面的“waves”和“btn”按钮分别返回了不同的事件对象,所以排除重复调用的可能。在代码的129行,将动画定时器的时间改大(减慢动画执行速度),观察效果:经观察,发现这个“水波纹”特... 查看详情
android使用kotlin来实现水波纹的自定义view(代码片段)
这篇文章比较简单,主要是记录一下自定义View实现水波纹。按照惯例,先来看看效果图一、先总结下自定义View的步骤:1、自定义View的属性2、在View的构造方法中获得我们自定义的属性3、重写onMesure4、重写onDraw其中on... 查看详情
自定义view实现水波纹效果
今天看到一篇自定view实现水波纹效果觉得真心不错学习之后再次写下笔记和心得.但是感觉原作者写得有些晦涩难懂,也许是本人愚笨所以重写此作者教程.原作者博文大家可以去看下,感觉他在自定义view方面非常厉害,本文是基于... 查看详情
Pygame 水波纹效果
...检查了TheWaterEffectExplained上的算法,还测试了PerlinNoise的实现,它可以很好地模拟平面上的波的末端。我正在寻找基于鼠标悬停/悬停动作的几个Flash效果的相同实现。这是针对交互式地板库的 查看详情