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

路宇~ 路宇~     2022-12-22     746

关键词:

方法一:

在控件中加入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效果的相同实现。这是针对交互式地板库的 查看详情