Efeito cascata no Android Lollipop CardView

Estou tentando fazer com que um CardView exiba o efeito cascata quando tocado ao definir o atributo android: backgound no arquivo XML de atividade, conforme descrito aqui na página Android Developers, mas não está funcionando. Nenhuma animação, mas o método em onClick é chamado. Eu também tentei criar um arquivo ripple.xml como sugerido aqui , mas o mesmo resultado.

O CardView como aparece no arquivo XML da atividade:

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

Eu sou relativamente novo no desenvolvimento do Android, por isso posso ter cometido alguns erros óbvios.
Desde já, obrigado.

Você deve adicionar o seguinte a CardView:

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

Adicione esses dois códigos de linha à sua exibição xml para dar um efeito cascata no seu cardView.

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

Consegui obter o efeito cascata no cardview:

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

e para o custom_bg que você pode ver no código acima, é necessário definir um arquivo xml para os dispositivos pirulito (no pacote drawable-v21) e pré-pirulito (no pacote drawable). para custom_bg no pacote drawable-v21, o código é:

<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 no pacote extraível, o código é:

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

portanto, nos dispositivos pré-pirulito, você terá um efeito de clique sólido e nos dispositivos pirulitos, terá um efeito cascata na visualização do cartão.

O efeito cascata foi omitido na biblioteca de suporte do appcompat, que é o que você está usando. Se você quiser ver a ondulação, use a versão Android L e teste-a em um dispositivo Android L. De acordo com o site AppCompat v7:

"Por que não existem ondulações no pré-pirulito? Muito do que permite que o RippleDrawable funcione sem problemas é o novo RenderThread do Android 5.0. Para otimizar o desempenho nas versões anteriores do Android, deixamos o RippleDrawable de fora por enquanto."

Confira este link aqui para mais informações

Se o aplicativo em minSdkVersionque você está trabalhando for do nível 9, você poderá usar:

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

Em vez disso, a partir do nível 11, você usa:

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

Da documentação:

clickable - Define se essa exibição reage a eventos de clique. Deve ser um valor booleano, "true" ou "false".

primeiro plano - Define o desenho para desenhar sobre o conteúdo. Isso pode ser usado como uma sobreposição. O drawable do primeiro plano participa do preenchimento do conteúdo se a gravidade estiver definida para preencher.

Para mim, acrescentando que o foregroundque CardViewfez não trabalho (razão desconhecida: /)

Adicionar o mesmo ao layout filho fez o truque.

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>

Adicione esses dois tipos de código como um encanto para qualquer visualização como Button, Linear Layout ou CardView Basta colocar essas duas linhas e ver a mágica ...

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

Se houver um layout raiz, como RelativeLayout ou LinearLayout, que contenha todo o componente do item do adaptador no CardView, será necessário definir o atributo de plano de fundo nesse layout raiz. gostar:

<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 para Cardviewcontrole do 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" />

Eu não estava feliz com o AppCompat, então escrevi meu próprio CardView e modifiquei as ondulações. Aqui está rodando no Galaxy S com Gingerbread, então é definitivamente possível.

Para mais detalhes, verifique o código fonte .

Adicione o seguinte ao seu xml:

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

E adicione ao seu adaptador (se for o seu 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 aqueles que procuram uma solução para o problema do efeito cascata que não funciona em um CardView criado por programação (ou, no meu caso, exibição personalizada que estende o CardView) sendo mostrado em um RecyclerView, o seguinte funcionou para mim. Basicamente, declarar os atributos XML mencionados nas outras respostas declarativamente no arquivo de layout XML parece não funcionar para um CardView criado por programação ou para um criado a partir de um layout personalizado (mesmo que a exibição raiz seja CardView ou o elemento de mesclagem seja usado), portanto eles devem ser definidos programaticamente da seguinte maneira:

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

Onde MadeupCardView extends CardViewKudos para esta resposta para a TypedArrayparte.

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

Apenas trabalhando na api 21 e usar isso, não use esta exibição de cartão de linha da lista