Comment créer un effet d'entraînement dans une mise en page simple

Comment puis-je avoir un effet d'entraînement dans une mise en page linéaire / relative simple lorsque je touche la mise en page?

J'ai essayé de définir l'arrière-plan d'une mise en page sur quelque chose comme:

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

    <item android:drawable="@android:color/white"/>

</ripple>

Cependant, je ne vois qu'un fond blanc uni et aucun effet d'entraînement lorsque vous touchez la mise en page. Qu'est-ce que je fais mal?

Éditer:

Pour référence, voici mon fichier xml de mise en page:

<?xml version="1.0" encoding="utf-8"?>
    <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
        android:layout_width="250dp"
        android:layout_height="250dp"
        android:background="@drawable/test"
        android:clickable="true">
    </RelativeLayout>

Définissez ces propriétés sur votre mise en page (si votre mise en page a l'arrière-plan blanc / clair par défaut):

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

Vous n'avez pas besoin d'un dessin personnalisé dans ce cas.

Cependant, si votre mise en page a un arrière-plan noir / sombre, vous devrez créer votre propre ondulation pouvant être dessinée comme celle-ci:

<?xml version="1.0" encoding="utf-8"?>
<!-- An white rectangle ripple. -->
<ripple xmlns:android="http://schemas.android.com/apk/res/android"
    android:color="@android:color/white">
    <item
        android:id="@android:id/mask"
        android:gravity="center">
        <shape android:shape="rectangle">
            <solid android:color="@android:color/white"/>
        </shape>
    </item>
</ripple>

Et puis définissez cette ripple drawable comme votre propriété android: background .

Vous pouvez voir de nombreux exemples de ces types d'ondulations dans AOSP: ici

J'ajoute ceci en plus de la réponse d' Igor Ganapolsky au cas où quelqu'un voudrait avoir une mise en page avec une couleur différente et avoir également un effet d'entraînement. Vous créez simplement un effet d'entraînement dans les drawables comme ceci:

ripple.xml

<?xml version="1.0" encoding="utf-8"?>
<ripple xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:color="@color/rippleColor"
    tools:targetApi="lollipop"> <!-- ripple effect color -->
    <item android:id="@android:id/background">
        <shape android:shape="rectangle">
            <solid android:color="@color/backgroundColor" /> <!-- background color -->
        </shape>
    </item>
</ripple>

puis donnez-le comme arrière-plan de votre mise en page ou comme n'importe quel bouton comme Igor Ganapolsky l'a mentionné dans sa réponse.

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

Vous devez modifier l'extrait de code suivant dans n'importe quel widget ( TextView/ Button) et vous pouvez implémenter l' effet d'entraînement :

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

Et vous êtes prêt à partir.

Il s'avère que cela fonctionne comme prévu. La valeur colorControlHighlight du thème de matériau standard est #40ffffff. Donc, sur un fond blanc, cela n'apparaîtra pas. Changer la couleur de surbrillance en quelque chose d'autre fonctionne et / ou changer la couleur d'arrière-plan de l'objet.

Merci à tous (surtout Alanv de m'avoir orienté dans la bonne direction).

Définissez android:clickable="true"votre mise en page.

Voici un exemple de clic sur un exemple de mise en page avec effet d'entraînement:

 <LinearLayout
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:background="?attr/selectableItemBackground"
    android:clickable="true"
    android:focusable="true"
    android:orientation="vertical">

<?xml version="1.0" encoding="utf-8"?>
<ripple xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:color="#cfd8dc"
    tools:targetApi="lollipop">
    <item android:id="@android:id/mask">
        <shape android:shape="rectangle">
            <solid android:color="#d1c4e9" />
        </shape>
    </item>
</ripple>

Utilisez ce ripple.xml dans le dossier Drawable , puis affectez-le comme View

android: background = "@ drawable / ripple"

android: clickable = "vrai"

Ajoutez simplement un effet d'entraînement par défaut avec android:background="?selectableItemBackground"

Comme:

<LinearLayout
            android:layout_width="match_parent"
            android:layout_height="100dp"
            android:background="?selectableItemBackground"
            android:clickable="true"
            >

           ...

</LinearLayout>

Mettez ceci dans votre mise en page:

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

Remarque: il existe un bogue dans la documentation de l'API. Cela fonctionnera uniquement sur l' API> = 23

Pour tous les niveaux d' API , utilisez cette solution

J'essaie toutes ces réponses et rien n'a fonctionné pour moi, alors j'ai résolu la création du style suivant:

<style name="Button.Borderless" parent="Base.Widget.AppCompat.Button.Borderless">
    <item name="android:minHeight">0dp</item>
    <item name="android:minWidth">0dp</item>
    <item name="android:layout_marginLeft">-6dp</item>
    <item name="android:layout_marginRight">-6dp</item>
    <item name="android:paddingTop">0dp</item>
    <item name="android:paddingBottom">0dp</item>
    <item name="android:paddingLeft">6dp</item>
    <item name="android:paddingRight">6dp</item>
</style>

Et puis, j'ai appliqué à ma mise en page linéaire:

<LinearLayout
      android:id="@+id/ll_my_ripple"
      style="@style/Button.Borderless">
</LinearLayout>