同一布局中的第二个浮动操作按钮上没有波纹

Question

我在一个布局文件中有两个浮动操作按钮，但是只有最后一个按钮可以应用波纹效果。如果我将它们对面放置，那么它也是最后一个引起涟漪的地方。因此，无论它们如何放置在布局文件中，最后一个都会在触摸时产生连锁反应，而另一个则不会。怎么会这样？有什么解决方案可以对两个FAB产生连锁反应吗？

<android.support.design.widget.FloatingActionButton
    android:id="@+id/fab_report"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_gravity="bottom|right"
    android:layout_margin="16dp"
    android:clickable="true"
    android:src="@drawable/ic_fab_run"
    android:elevation="8dp"
    app:backgroundTint="@color/primary"
    app:rippleColor="@color/blue" />
<android.support.design.widget.FloatingActionButton
    android:id="@+id/fab_run"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_gravity="bottom|right"
    android:layout_margin="16dp"
    android:clickable="true"
    android:src="@drawable/ic_fab_run"
    android:elevation="8dp"
    app:backgroundTint="@color/primary"
    app:rippleColor="@color/blue" />

TL; DR：只有布局中的最后一个FAB会产生涟漪效应，如何解决？

Answer 1

我不知道原因，但是添加此属性解决了问题：

app:theme="@style/Base.Widget.AppCompat.ImageButton"