Effetto a catena su Android Lollipop CardView

Sto cercando di ottenere un CardView per visualizzare l'effetto a catena quando viene toccato impostando l'attributo android: backgound nel file XML dell'attività come descritto qui nella pagina degli sviluppatori Android, ma non funziona. Nessuna animazione, ma viene chiamato il metodo in onClick. Ho anche provato a creare un file ripple.xml come suggerito qui , ma lo stesso risultato.

CardView come appare nel file XML dell'attività:

<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> 

Sono relativamente nuovo allo sviluppo di Android, quindi avrei potuto fare alcuni ovvi errori.

È necessario aggiungere quanto segue a CardView:

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

Aggiungi questi due righe di codice nella tua vista xml per dare un effetto a catena su cardView.

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

Sono riuscito a ottenere l'effetto a catena sul cardview di:

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

e per il custom_bg che puoi vedere nel codice sopra, devi definire un file xml per entrambi i dispositivi lollipop (nel pacchetto drawable-v21) e pre-lollipop (nel pacchetto drawable). per custom_bg nel pacchetto drawable-v21 il codice è:

<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>

per custom_bg nel pacchetto drawable, il codice è:

<?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>

quindi sui dispositivi pre-lecca-lecca avrai un solido effetto click e sui dispositivi lecca-lecca avrai un effetto a catena sul cardview.

L'effetto a catena è stato omesso nella libreria di supporto di appcompat che è ciò che stai usando. Se vuoi vedere l'ondulazione usa la versione Android L e testala su un dispositivo Android L. Per il sito AppCompat v7:

"Perché non ci sono increspature su Pre-Lollipop? Molto di ciò che consente a RippleDrawable di funzionare senza problemi è il nuovo RenderThread di Android 5.0. Per ottimizzare le prestazioni delle versioni precedenti di Android, per ora abbiamo lasciato RippleDrawable fuori."

Dai un'occhiata a questo link qui per maggiori informazioni

Se l'app su minSdkVersioncui stai lavorando è di livello 9, puoi utilizzare:

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

Invece, a partire dal livello 11, usi:

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

Dalla documentazione:

cliccabile : definisce se questa vista reagisce agli eventi clic. Deve essere un valore booleano, "vero" o "falso".

primo piano : definisce il disegno da disegnare sul contenuto. Questo può essere usato come overlay. Il disegno in primo piano partecipa all'imbottitura del contenuto se la gravità è impostata per riempire.

Per me, l'aggiunta di foregrounda CardViewnon ha funzionato (motivo sconosciuto: /)

L'aggiunta dello stesso al layout figlio ha fatto il trucco.

CODICE:

<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>

Aggiungi questi due come il lavoro del codice come un incantesimo per qualsiasi vista come Button, Linear Layout o CardView Basta mettere queste due linee e vedere la magia ...

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

Se esiste un layout radice come RelativeLayout o LinearLayout che contiene tutto il componente dell'elemento adattatore in CardView, è necessario impostare l'attributo di sfondo in quel layout radice. piace:

<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 Ripple per il Cardviewcontrollo 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" />

Non ero contento di AppCompat, quindi ho scritto il mio CardView e le increspature backportate. Qui funziona su Galaxy S con Gingerbread, quindi è sicuramente possibile.

Per maggiori dettagli controlla il codice sorgente .

Aggiungi quanto segue al tuo XML:

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

E aggiungi al tuo adattatore (se è il tuo 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)
        }
    }

Per coloro che cercano una soluzione al problema dell'effetto a catena che non funziona su un CardView creato programmaticamente (o nel mio caso vista personalizzata che estende CardView) che viene mostrato in un RecyclerView, il seguente ha funzionato per me. Sostanzialmente dichiarare gli attributi XML citati nelle altre risposte in modo dichiarativo nel file di layout XML non sembra funzionare per un CardView creato a livello di programmazione o uno creato da un layout personalizzato (anche se la vista di root è CardView o viene utilizzato l'elemento di unione), quindi devono essere impostati programmaticamente in questo modo:

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);
        }
    }
}

Dove MadeupCardView extends CardViewKudos a questa risposta per la TypedArrayparte.

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

Lavorando solo con api 21 e utilizzalo per non utilizzare questa vista a righe della lista

Usa invece Material Cardview, estende Cardview e offre molteplici nuove funzionalità incluso l'effetto cliccabile predefinito:

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

...

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

Dipendenza

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