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” 屬性，如果有的話去掉子佈局的這個屬性，然後外層的父佈局的水波紋點選效果才能出來，如下圖我碰到的異常造成原因截圖：

把子佈局的    android:background="@color/white" 註釋掉即可

目前就寫到這裡了，後期有新的方法或者經驗後再繼續新增完善該博文會！