Dall’introduzione del Material Design, le interfacce Android si sono arricchite di animazioni, colori ed effetti. Uno di questi è il cosiddetto Ripple, una sorta di leggera onda che si espande a partire dal punto in cui effettuiamo il touch per scomparire nell’arco di un secondo.

Alla base di ciò, c’è la classe RippleDrawable utilizzabile mediante tag XML ma solo a partire dalle API 21.

Per configurarlo a nostro piacimento, possiamo definire una risorsa drawable nel progetto (supponiamo, nel nostro esempio, sia /res/drawable/ripple.xml):

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

e assegnarla, come sfondo, al controllo su cui desideriamo vederla apparire:

<Button
   android:layout_width="match_parent"
   android:layout_height="wrap_content"
   android:background="@drawable/ripple"
   android:text="Clicca qui!"
  />

Questo è un altro esempio di come la le interfacce Android siano ormai alla ricerca non solo di funzionalità ed efficienza ma anche di una eleganza che non faccia rimpiangere  nelle interfacce mobile la ricchezza del web.

Alla prossima!