RecyclerView mục không hiển thị gợn sóng/phản hồi cảm ứng khi mục có hộp kiểm

Question

Tôi muốn các mục trong RecyclerView có phản hồi chạm hoặc gợn sóng khi được nhấn, nhưng chúng dường như không hoạt động và tôi nghĩ đó là do hộp kiểm.

Ripple chỉ hiển thị khi nhấn và giữ, nhưng một lần nhấn đơn giản sẽ không hiển thị.

Có thể ai đó giúp tôi khắc phục sự cố? Cảm ơn trước.

PD: Tôi đang sử dụng ListView và bố cục bố cục mục là LinearLayout. Những gợn sóng đang hoạt động tốt. Sau khi chuyển sang RecyclerView, các mục gợn sóng không hoạt động. Tôi đã thử với LinearLayout một lần nữa, nhưng vẫn không hoạt động.

Dưới đây là file layout

<?xml version="1.0" encoding="utf-8"?> 
<RelativeLayout 
    android:id="@+id/requestCard" 
    xmlns:android="http://schemas.android.com/apk/res/android" 
    xmlns:tools="http://schemas.android.com/tools" 
    android:layout_width="match_parent" 
    android:layout_height="wrap_content" 
    android:background="?android:attr/selectableItemBackground" 
    android:clickable="true" 
    android:focusable="true" 
    android:descendantFocusability="blocksDescendants" 
    android:orientation="horizontal"> 

    <ImageView 
     android:id="@+id/imgIcon" 
     android:layout_width="wrap_content" 
     android:layout_height="wrap_content" 
     android:layout_centerVertical="true" 
     android:adjustViewBounds="true" 
     android:maxHeight="64dp" 
     android:maxWidth="64dp" 
     android:padding="@dimen/lists_padding" 
     android:src="@drawable/ic_launcher" 
     tools:ignore="ContentDescription"/> 

    <TextView 
     android:id="@+id/txtName" 
     android:layout_width="wrap_content" 
     android:layout_height="wrap_content" 
     android:layout_centerVertical="true" 
     android:layout_toEndOf="@+id/imgIcon" 
     android:layout_toRightOf="@+id/imgIcon" 
     android:ellipsize="end" 
     android:maxLength="@integer/request_text_length" 
     android:maxLines="1" 
     android:padding="@dimen/lists_padding" 
     android:textSize="@dimen/abc_text_size_large_material" 
     tools:text="App Name"/> 

    <CheckBox 
     android:id="@+id/chkSelected" 
     android:layout_width="wrap_content" 
     android:layout_height="wrap_content" 
     android:layout_alignParentEnd="true" 
     android:layout_alignParentRight="true" 
     android:layout_centerVertical="true" 
     android:clickable="false" 
     android:padding="@dimen/lists_padding"/> 

</RelativeLayout> 

Answer 1

Trong phương pháp onClick của bạn (giả sử trong callback của bạn), chắc chắn bạn không gọi notifyDataSetChanged() sau notifyItemChanged(position).

thông báoDataSetChanged() sẽ xung đột với các hiệu ứng gợn sóng mặc định .

new recyclerAdapter.ClickListener() { 
    @Override 
    public void onClick(int position) { 

     ... awesome item onClick code ... 

     notifyItemChanged(position); 
     //notifyDataSetChanged(); <//--- Causes the no ripple bug 
    } 
}; 

Answer 2

Bạn sử dụng android:background="?android:attr/selectableItemBackground" nhưng bạn nên sử dụng android:foreground="?android:attr/selectableItemBackground"

Answer 3

Tôi nghĩ rằng bạn đang tìm kiếm effect.I gợn có thể cung cấp cho bạn ý tưởng cơ bản, Chỉ cần tạo một file xml (ripple.xml) trong drawable & ghi mã này bên

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

    </item> 
</ripple> 

& chỉ cần viết hai dòng trong tệp xml khác của bạn mà bạn đã khai báo các phần tử recyclerview.

android:background="@drawable/ripple" 
android:clickable="true" 

Giống như trong trường hợp của tôi, tôi đang gặp chỉ TextView và trong thẻ cha mẹ tôi đang tuyên bố hai dòng sau

<?xml version="1.0" encoding="utf-8"?> 
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" 
    android:orientation="vertical" 
    android:layout_width="match_parent" 
    android:layout_height="match_parent" 
    android:background="@drawable/ripple" 
    android:clickable="true" 
    > 

<TextView 
    android:id="@+id/textView_Username" 
    android:layout_width="wrap_content" 
    android:layout_height="wrap_content" 
    android:textSize="30sp" 
    android:textColor="@color/colorPrimary" 
    android:layout_marginLeft="10dp" 
    android:layout_marginTop="10dp" 
    /> 
</LinearLayout> 

Cuối cùng kết quả:

Xem video này

https://www.youtube.com/watch?v=qvVkDb7DqCk