为了账号安全,请及时绑定邮箱和手机立即绑定

RecyclerView点击添加波纹效果

标签:
Android

MD的特色之一就是"有意义的动画效果",让动画符合物理世界的规律,而不是杂乱无章,华而不实。
点击事件产生的波纹效果就是其中之一。
那么,先让我们看一下什么是波纹效果:


touch_feedback.gif

可以看出,点击变得更具有质感而不是简单的使条目变色。

让我们在RecyclerView上做下实验
RecyclerView默认点击是没有任何效果的


touch1.gif

MD之前,我们为条目添加点击效果是这样的
新建drawable/touch_bg.xml

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

然后为点击的条目设置android:background="@drawable/touch_bg"
在点击条目的时候便可以看到条目变色


touch2.gif

但是我们现在想要的是波纹效果,这里要注意,波纹效果只在5.0以上的设备生效
所以我们需要新建drawable-v21/touch_bg.xml

<?xml version="1.0" encoding="utf-8"?><ripple xmlns:android="http://schemas.android.com/apk/res/android"        android:color="@color/line_grey">    <item android:drawable="@color/white"/></ripple>

之后,便可以看到期待的波纹效果。


touch3.gif

代码以及第一张图片均参考项目Animate
希望能够对你有所帮助

原文链接:http://www.apkbus.com/blog-822415-68543.html

点击查看更多内容
TA 点赞

若觉得本文不错,就分享一下吧!

评论

作者其他优质文章

正在加载中
  • 推荐
  • 评论
  • 收藏
  • 共同学习,写下你的评论
感谢您的支持,我会继续努力的~
扫码打赏,你说多少就多少
赞赏金额会直接到老师账户
支付方式
打开微信扫一扫,即可进行扫码打赏哦
今天注册有机会得

100积分直接送

付费专栏免费学

大额优惠券免费领

立即参与 放弃机会
意见反馈 帮助中心 APP下载
官方微信

举报

0/150
提交
取消