android: Android水波纹点击效果

 

Android API 21及以上新增了ripple标签用来实现水波纹的效果。我们可以通过设置ripple背景来实现一些View点击效果。

该水波纹效果有两种:一种是有界的(点击后类似于一个矩形向四周扩展),一种是无界的(点击后类似于一个圆形向四周扩展)。

系统上的实现效果如下:

有界效果:
在API 21以上使用,才有波纹效果;API 21以下使用只有变色效果,没有波纹效果。

android:background="?android:attr/selectableItemBackground"

无界效果:
在API 21以上才能使用,API 21以下会报错无法编译,最小版本要设置为minSdkVersion 21

android:background="?android:attr/selectableItemBackgroundBorderless"

 

由于在API 21以下无法使用ripple 标签来实现波纹效果,为了兼容低版本机型不出错,我们需要做波纹效果适配。

可以在res目录下新建一个drawable-v21的文件夹,然后在其中新建一个名为bg_ripple的文件:

<?xml version="1.0" encoding="utf-8"?>
<ripple xmlns:android="http://schemas.android.com/apk/res/android"
    android:color="@android:color/darker_gray"> <!--波纹颜色-->
</ripple>

这里ripple中的color就是按下的水波纹颜色。

然后在drawable文件夹下也新建一个名为bg_ripple的文件:

<?xml version="1.0" encoding="utf-8"?>
<selector xmlns:android="http://schemas.android.com/apk/res/android">
    <item android:drawable="@color/colorAccent" android:state_pressed="true" />
    <item android:drawable="@android:color/transparent" />
</selector>

 

在布局中使用:

<TextView
    android:id="@+id/textview"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:background="@drawable/bg_ripple"/>

 

参考链接:

1. Android水波纹点击效果

Android水波纹点击效果

 


如果您觉得阅读本文对您有帮助,请点一下“推荐”按钮,您的“推荐”将是我最大的写作动力!欢迎各位转载,但是未经作者本人同意,转载文章之后必须在文章页面明显位置给出作者和原文连接,否则保留追究法律责任的权利。
posted @   夜行过客  阅读(6302)  评论(0编辑  收藏  举报
编辑推荐:
· Linux系列:如何用 C#调用 C方法造成内存泄露
· AI与.NET技术实操系列(二):开始使用ML.NET
· 记一次.NET内存居高不下排查解决与启示
· 探究高空视频全景AR技术的实现原理
· 理解Rust引用及其生命周期标识(上)
阅读排行:
· 物流快递公司核心技术能力-地址解析分单基础技术分享
· .NET 10首个预览版发布:重大改进与新特性概览!
· 单线程的Redis速度为什么快?
· 展开说说关于C#中ORM框架的用法!
· Pantheons:用 TypeScript 打造主流大模型对话的一站式集成库
历史上的今天:
2017-10-24 sqlite-按日期分组,根据日期查询详细内容
2017-10-24 sqlite-在数据库中创建默认时间
2016-10-24 新浪微博客户端(12)-判断当前软件是否是新版本(是否显示新特性)
2016-10-24 新浪微博客户端(11)-自定义checkBox
2016-10-24 AndroidStudio-引用jar包及so文件
点击右上角即可分享
微信分享提示