Android 自定义按钮波纹/脉冲效果

Question

我使用以下方法创建了一个自定义圆形按钮：

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

这里的button_bg_round定义如下：

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

现在，我想在单击按钮时添加圆形波纹/脉冲效果/动画。我试图在 google 和 SO 上寻找可能的解决方案，但找不到与此类按钮相关的任何解决方案。任何帮助将不胜感激。

Answer 1

你可以像这样让你可以绘制：

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

其中 android:color insideripple 是效果的颜色。