Android RecyclerView 实现item点击水波纹动画效果

Recyclerview的item如果如果加上水波纹动画的点击效果会使列表的ui体验效果提升很多,今天来给大家介绍一下如何给Recyclerivew的item view添加这样的动画效果。

在res目录的drawable目录和drawable-v21下分别建立linerlayout_water_selector.xml文件。

drawable目录下的linerlayout_water_selector.xml文件代码:



<?xml version="1.0" encoding="utf-8"?>

<selector xmlns:android="http://schemas.android.com/apk/res/android">

    <item android:drawable="@color/text_Grey" android:state_pressed="true"/>

    <item android:drawable="@color/text_Grey" android:state_focused="true"/>

    <item android:drawable="@color/colorWhite"/>

</selector>


drawable-v21目录下的linerlayout_water_selector.xml文件代码:


<?xml version="1.0" encoding="utf-8"?>

<ripple xmlns:android="http://schemas.android.com/apk/res/android"

    android:color="@color/text_Grey">

    <item>

        <shape xmlns:android="http://schemas.android.com/apk/res/android">

            <corners android:radius="1dp" />

            <solid android:color="@color/colorWhite" />

        </shape>

    </item>

</ripple>


相关color:


  <color name="text_Grey">#c1c1c2</color>

  <color name="colorWhite">#ffffff</color>


在recylcerview的item布局中添加引用该selector文件:


android:background="@drawable/linerlayout_water_selector"

    android:clickable="true"

    android:focusable="true"



然后点击运行基本就可以实现想要的水波纹效果了。

如果点击后没有出现预期的效果应该做如下检查:

1.item布局中引用这个水波纹效果selector文件的布局是否确实添加了这两句代码:

    android:clickable="true"

    android:focusable="true"




2.引用这个水波纹效果selector文件的布局中是否嵌套了别的大布局,然后这个大的子布局是否设置了 android:background=”@color/white” 属性,如果有的话去掉子布局的这个属性,然后外层的父布局的水波纹点击效果才能出来,如下图我碰到的异常造成原因截图:


©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

友情链接更多精彩内容