Android Benutzerdefinierte Schaltfläche Ripple/Puls Effekt

Question

ich eine benutzerdefinierte Kreis Schaltfläche erstellt haben die folgenden:

<Button 
    android:id ="@+id/StartButton" 
    android:layout_width="wrap_content" 
    android:layout_height="wrap_content" 
    android:text="Start" 
    android:background="@drawable/button_bg_round" 
    android:padding="15dp" 
    android:textSize="30sp" 
    android:textStyle="bold" 
    android:textColor="#ffffff" 
    android:layout_centerVertical="true" 
    android:layout_centerHorizontal="true" /> 

Hier button_bg_round wird wie folgt definiert:

<?xml version="1.0" encoding="utf-8"?> 
<selector xmlns:android="http://schemas.android.com/apk/res/android"> 
<item> 
    <shape android:shape="oval"> 
     <stroke android:color="#ffffff" android:width="5dp" /> 
     <solid android:color="#3aeaee"/> 
     <size android:width="200dp" android:height="200dp"/> 
    </shape> 
</item> 
</selector> 

Nun, ich möchte einen Kreis hinzufügen Ripple/Pulseffekt/Animation beim Klicken auf die Schaltfläche. Ich habe versucht, auf google und SO nach einer möglichen Lösung zu suchen, konnte aber keine solche Schaltfläche finden. Jede Hilfe würde sehr geschätzt werden.

Answer 1

Sie können Sie so machen drawable:

<?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/colorAccent" 
    tools:targetApi="lollipop"> <!-- ripple effect color --> 
    <item android:id="@android:id/background"> 
     <shape android:shape="oval"> 
      <stroke android:color="#ffffff" android:width="5dp" /> 
      <solid android:color="#3aeaee"/> 
      <size android:width="200dp" android:height="200dp"/> 
     </shape> 
    </item> 
</ripple> 

wo android: Farbe im Inneren Welligkeit ist die Farbe des Effekts.