Efecto dominó en Android Lollipop CardView

Estoy tratando de obtener un CardView para mostrar el efecto dominó cuando lo toco configurando el atributo android: backgound en el archivo XML de actividad como se describe aquí en la página de Desarrolladores de Android, pero no funciona. No hay animación en absoluto, pero se llama al método en onClick. También he intentado crear un archivo ripple.xml como se sugiere aquí , pero el mismo resultado.

CardView como aparece en el archivo XML de la actividad:

<android.support.v7.widget.CardView
    xmlns:card_view="http://schemas.android.com/apk/res-auto"
    android:layout_width="155dp"
    android:layout_height="230dp"
    android:elevation="4dp"
    android:translationZ="5dp"
    android:clickable="true"
    android:focusable="true"
    android:focusableInTouchMode="true"
    android:onClick="showNotices"
    android:background="?android:attr/selectableItemBackground"
    android:id="@+id/notices_card"
    card_view:cardCornerRadius="2dp">

</android.support.v7.widget.CardView> 

Soy relativamente nuevo en el desarrollo de Android, por lo que podría haber cometido algunos errores obvios.

Debe agregar lo siguiente a CardView:

android:foreground="?android:attr/selectableItemBackground"
android:clickable="true"

Agregue estos dos códigos de línea en su vista xml para obtener un efecto dominó en su cardView.

android:clickable="true"
android:foreground="?android:attr/selectableItemBackground"

Logré obtener el efecto dominó en la vista de tarjeta:

<android.support.v7.widget.CardView 
    xmlns:card_view="http://schemas.android.com/apk/res-auto" 
    android:clickable="true" 
    android:foreground="@drawable/custom_bg"/>

y para el custom_bg que puede ver en el código anterior, debe definir un archivo xml para dispositivos lollipop (en el paquete drawable-v21) y pre-lollipop (en el paquete dibujable). para custom_bg en el paquete drawable-v21, el código es:

<ripple 
    xmlns:android="http://schemas.android.com/apk/res/android"
    android:color="?android:attr/colorControlHighlight">
<item
    android:id="@android:id/mask"
    android:drawable="@android:color/white"/>
</ripple>

para custom_bg en el paquete dibujable, el código es:

<?xml version="1.0" encoding="utf-8"?>
<selector xmlns:android="http://schemas.android.com/apk/res/android">

<item android:state_pressed="true">
    <shape>
        <solid android:color="@color/colorHighlight"></solid>
    </shape>
</item>
<item>
    <shape>
        <solid android:color="@color/navigation_drawer_background"></solid>
    </shape>
</item>
</selector>

entonces, en los dispositivos pre-lollipop, tendrá un efecto de clic sólido y en los dispositivos lollipop tendrá un efecto dominó en la vista de la tarjeta.

El efecto dominó se omitió en la biblioteca de soporte de appcompat, que es lo que está utilizando. Si desea ver la onda, use la versión Android L y pruébela en un dispositivo Android L. Por el sitio AppCompat v7:

"¿Por qué no hay ondas en pre-Lollipop? Mucho de lo que permite que RippleDrawable funcione sin problemas es el nuevo RenderThread de Android 5.0. Para optimizar el rendimiento en versiones anteriores de Android, hemos dejado RippleDrawable fuera por ahora".

Mira este enlace aquí para más información

Si la aplicación con la minSdkVersionque está trabajando es de nivel 9, puede usar:

android:foreground="?selectableItemBackground"
android:clickable="true"

En cambio, a partir del nivel 11, usa:

android:foreground="?android:attr/selectableItemBackground"
android:clickable="true"

De la documentación:

clickable : define si esta vista reacciona a los eventos de clic. Debe ser un valor booleano, "verdadero" o "falso".

primer plano : define el dibujable para dibujar sobre el contenido. Esto se puede usar como una superposición. El dibujo en primer plano participa en el relleno del contenido si la gravedad está configurada para rellenar.

Para mí, agregar el foregroundaCardView no funcionaba (razón desconocida: /)

Agregar el mismo diseño secundario hizo el truco.

CÓDIGO:

<android.support.v7.widget.CardView xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:card_view="http://schemas.android.com/apk/res-auto"
    android:id="@+id/card_view"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:layout_gravity="center"
    android:focusable="true"
    android:clickable="true"
    card_view:cardCornerRadius="@dimen/card_corner_radius"
    card_view:cardUseCompatPadding="true">

    <LinearLayout
        android:id="@+id/card_item"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:foreground="?android:attr/selectableItemBackground"
        android:padding="@dimen/card_padding">

    </LinearLayout>
</android.support.v7.widget.CardView>

Agregue estos dos tipos de código como un hechizo para cualquier vista como Button, Linear Layout o CardView Simplemente coloque estas dos líneas y vea la magia ...

android:foreground="?android:attr/selectableItemBackground"
android:clickable="true"

Si hay un diseño raíz como RelativeLayout o LinearLayout que contiene todos los componentes del elemento del adaptador en CardView, debe establecer el atributo de fondo en ese diseño raíz. me gusta:

<android.support.v7.widget.CardView xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:card_view="http://schemas.android.com/apk/res-auto"
xmlns:tools="http://schemas.android.com/tools"
android:layout_width="match_parent"
android:layout_height="122dp"
android:layout_marginBottom="6dp"
android:layout_marginLeft="6dp"
android:layout_marginRight="6dp"
card_view:cardCornerRadius="4dp">

<RelativeLayout
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:background="@drawable/touch_bg"/>
</android.support.v7.widget.CardView>

Evento de ondulación para el Cardviewcontrol de Android :

<android.support.v7.widget.CardView
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:layout_gravity="center"
    android:foreground="?android:attr/selectableItemBackground"
    android:clickable="true"
    android:layout_marginBottom="4dp"
    android:layout_marginTop="4dp" />

No estaba contento con AppCompat, así que escribí mi propio CardView y mis ondas con backport. Aquí se ejecuta en Galaxy S con Gingerbread, por lo que definitivamente es posible.

Para más detalles verifique el código fuente .

Agregue lo siguiente a su xml:

android:clickable="true"
android:focusable="true"
android:background="?android:attr/selectableItemBackground"

Y agregue a su adaptador (si es su caso)

    override fun onBindViewHolder(holder: MyViewHolder, position: Int) {
        if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.M) {
            val attrs = intArrayOf(R.attr.selectableItemBackground)
            val typedArray = holder.itemView.context.obtainStyledAttributes(attrs)
            val selectableItemBackground = typedArray.getResourceId(0, 0)
            typedArray.recycle()

            holder.itemView.isClickable = true
            holder.itemView.isFocusable = true
            holder.itemView.foreground = holder.itemView.context.getDrawable(selectableItemBackground)
        }
    }

Para aquellos que buscan una solución al problema del efecto dominó que no funciona en un CardView creado mediante programación (o en mi caso, una vista personalizada que extiende CardView) que se muestra en un RecyclerView, lo siguiente funcionó para mí. Básicamente, declarar los atributos XML mencionados en las otras respuestas declarativamente en el archivo de diseño XML no parece funcionar para un CardView creado mediante programación, o uno creado a partir de un diseño personalizado (incluso si la vista raíz es CardView o se usa un elemento de fusión) tienen que establecerse mediante programación de la siguiente manera:

private class MadeUpCardViewHolder extends RecyclerView.ViewHolder {
    private MadeUpCardView cardView;

    public MadeUpCardViewHolder(View v){
        super(v);

        this.cardView = (MadeUpCardView)v;

        // Declaring in XML Layout doesn't seem to work in RecyclerViews
        if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.M) {
            int[] attrs = new int[]{R.attr.selectableItemBackground};
            TypedArray typedArray = context.obtainStyledAttributes(attrs);
            int selectableItemBackground = typedArray.getResourceId(0, 0);
            typedArray.recycle();

            this.cardView.setForeground(context.getDrawable(selectableItemBackground));
            this.cardView.setClickable(true);
        }
    }
}

Donde MadeupCardView extends CardViewFelicitaciones a esta respuesta por la TypedArrayparte.

  android:foreground="?android:attr/selectableItemBackgroundBorderless"
   android:clickable="true"
   android:focusable="true"

Solo funciona la API 21 y use esto, no use esta vista de tarjeta de fila de lista

Utilice Material Cardview en su lugar, extiende Cardview y proporciona múltiples funciones nuevas, incluido el efecto de clic predeterminado:

<com.google.android.material.card.MaterialCardView>

...

</com.google.android.material.card.MaterialCardView>

Dependencia

implementation 'com.google.android.material:material:1.0.0'