&nbsp>&nbsp
&nbsp>&nbsp
&nbsp>&nbsp
android点击的ripple效果
摘要：android的ripple点击效果很好看,怎么自定义点击呢?我们来看看示例:在drawable文件夹中添加xml文件&?xmlversion=&1.0&encoding=&utf-8&?&&ripplexmlns:android=&http://schemas.android.com/apk/res/android&android:color=&@color/green&&gt
android的ripple点击效果很好看,怎么自定义点击呢? 我们来看看
示例: 在drawable文件夹中添加xml文件 &?xml version=&1.0& encoding=&utf-8&?&&ripple xmlns:android=&http://schemas.android.com/apk/res/android& android:color=&@color/green&& &item android:drawable=&@color/red&/&&/ripple&
这里的标签是没有点击的时候显示的内容,可以添加多个标签
当没有点击的时候显示的是这样的
当我们点击的时候是这样的
在点击的位置会有我们设置的android:color=”@color/green”逐渐扩散(#ff00ff00),
看周围这清爽的屎绿色,会在我们刚刚点击的时候就出现,布满整个View,这个屎绿色其实是系统自动生成的,它其实就是android:color=”@color/green”这个颜色设置了透明度的颜色,透明度具体多少我不清楚啦
最后涟漪扩散到全部是这样的:
有个地方需要注意:
如果设置了标签,则涟漪就只会扩散在显示的地方
如下图,下图是个圆形,则涟漪不会超过圆形的范围
但有个特例,就是没有设置标签的时候:
涟漪会以view的中心点为原点,扩散在直径为view对角线的圆上.
也就是说有部分会超出view限定的范围,具体看图:
最后关于涟漪扩散的速度:
无论点击在view的哪个位置,涟漪总是在相同的时间抵达到view的四个角.
所以会出现涟漪移动速度不均匀的情况
以上是的内容，更多
的内容，请您使用右上方搜索功能获取相关信息。
若你要投稿、删除文章请联系邮箱：zixun-group@service.aliyun.com,工作人员会在五个工作日内给你回复。
云服务器 ECS
可弹性伸缩、安全稳定、简单易用
&40.8元/月起
预测未发生的攻击
&24元/月起
为您提供0门槛上云实践机会
你可能还喜欢
你可能感兴趣
阿里云教程中心为您免费提供
android点击的ripple效果相关信息，包括
的信息，所有android点击的ripple效果相关内容均不代表阿里云的意见！投稿删除文章请联系邮箱：zixun-group@service.aliyun.com，工作人员会在五个工作日内答复
售前咨询热线
支持与服务
资源和社区
关注阿里云
InternationalAndroid UI效果篇-（1）Ripple
记录5.0以后的Ripple（波纹效果）的使用.
1.为什么要使用Ripple
2.如何使用Ripple效果
3.Ripple效果的颜色值改变
4.Ripple的波纹范围改变
5.Ripple添加一个item，其id为@android:id/mask
1.为什么要使用Ripple
提高用户体验，更好的视觉效果反馈给用户
间接增加了用户在应用停留的时间
2.如何使用Ripple效果
在5.0的机型上，button会自带有Ripple点击效果。但是往往开发者需要修改点击效果，从而修改android:backgroud,这时候Ripple效果就会改变。所以使用Ripple的关键就在android:backgroud中设置。
点击效果主要分为2类：
有边界波纹
XMLCode：android:background="?android:attr/selectableItemBackground"点击效果有边界波纹超出边界波纹（圆形）XMLCode：android:background="?android:attr/selectableItemBackgroundBorderless"点击效果：超出边界波纹注意：超出边界波纹，API要求21以上如果点击效果没有，很可能是该控件本身点击没开启，设置如下属性即可android:clickable="true"3.Ripple效果的颜色值改变~现在很多APP都有自己的主题颜色，而Ripple效果的颜色如果还是默认的灰色，这样会不会显得格格不入。现在我们就来修改下Ripple效果的颜色。设置ripple标签的drawable&?xml version="1.0" encoding="utf-8"?&
&ripple xmlns:android="http://schemas.android.com/apk/res/android"
android:color="?android:colorPrimaryDark"&
&/ripple&点击效果改变颜色的Ripple注意颜色可能有遮盖的情况，效果不是很理想4.Ripple的波纹范围改变~从上面我们知道，除了超出边界模式，还有一种是有边界限制的。既然要限制边界，我们就需要给他提供一个范围，即添加一个item标签。颜色做为MaskXMLCode:&ripple xmlns:android="http://schemas.android.com/apk/res/android"
android:color="?android:colorPrimaryDark"&
&item android:drawable="@color/colorAccent"&
&/ripple&点击效果：颜色做为Mask形状做为MaskXMLCode:&ripple xmlns:android="http://schemas.android.com/apk/res/android"
android:color="?android:colorPrimaryDark"&
&shape android:shape="oval"&
&solid android:color="@color/colorAccent"&&/solid&
&/ripple&点击效果：形状做为Mask图片做为MaskXMLCode:&ripple xmlns:android="http://schemas.android.com/apk/res/android"
android:color="?android:colorPrimaryDark"&
android:drawable="@drawable/ic_launcher"&
&/ripple&点击效果：图片做为Mask注意这里的图片一定要显示完整，不然会出现闪烁。5.添加一个item，其id为@android:id/mask对比上面的图片做为Mask的例子，只是添加了一个id，代码如下：&ripple xmlns:android="http://schemas.android.com/apk/res/android"
android:color="?android:colorPrimaryDark"&
&item android:id="@android:id/mask"
android:drawable="@drawable/ic_launcher"&
&/ripple&然而效果却发生了改变：图片做为Mask很明显的看到一开始，图片是隐藏的，即：如果不指定id为@android:id/mask，那么在显示的时候会显示出item指定的drawable。 如果指定id为@android:id/mask，那么默认是不会显示该drawable，而是在点击的时候出现。6.参考博文《Android群英传》第12章 Android5.X 新特性详解
没有更多推荐了，
不良信息举报
举报内容：
Android UI效果篇-（1）Ripple
举报原因：
原文地址：
原因补充：
最多只允许输入30个字
加入CSDN，享受更精准的内容推荐，与500万程序员共同成长！没有更多推荐了，
不良信息举报
举报内容：
Android 5.0+ 自定义普通按钮的ripple波纹效果
举报原因：
原文地址：
原因补充：
最多只允许输入30个字
加入CSDN，享受更精准的内容推荐，与500万程序员共同成长！没有更多推荐了，
不良信息举报
举报内容：
Ripple数据本地存储概览
举报原因：
原文地址：
原因补充：
最多只允许输入30个字
加入CSDN，享受更精准的内容推荐，与500万程序员共同成长！没有更多推荐了，
不良信息举报
举报内容：
Android5.0 ripple效果低版本的实现
举报原因：
原文地址：
原因补充：
最多只允许输入30个字
加入CSDN，享受更精准的内容推荐，与500万程序员共同成长！}