应用Material Design Touch Ripple到ImageButton？

Question

我有一个图像按钮,点击它时没有响应触摸动画,因为它是一个静态图像,而不像棒棒糖上的常规按钮带有内置的连锁效果.我想将材料设计波纹触摸效果添加到图像中,但似乎无法找到实现它的方法.我可以在图像上设置一个滤色器,但这不是涟漪效应.我正在尝试做的一个例子就是当你在Google Play音乐中保存一个专辑封面图像并且阴影波纹在图像上移动时.

Answer 1

为了更好的结果:

<ImageButton
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:src="@android:drawable/ic_button"
    android:background="?attr/selectableItemBackgroundBorderless"
/>

Answer 2

您可以像这样向ImageButton添加背景:

<ImageButton
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:src="@android:drawable/btn_dialog"
    android:background="?android:attr/selectableItemBackground" />

Answer 3

如果你已经有一个背景并且不想改变它，使用前景；

<ImageButton
    android:layout_width="60dp"
    android:layout_height="match_parent"
    android:background="@drawable/preview_in_4k_background"
    android:src="@drawable/ic_full_screen_24px"
    android:layout_marginLeft="5dp"
    android:foreground="?attr/selectableItemBackgroundBorderless"
    android:layout_column="2"/>

Answer 4

我从i.shadrin（在这里）和Nicolars（在这里）得到了很好的答案。

他们的答案之间的区别是?attr/selectableItemBackgroundBorderless可以给您一个android.view.InflateException，因此?android:attr/selectableItemBackground解决方案是。

FWIW，我不知道为什么会发生异常，因为第一个答案在我所有的旧项目中都很好，但是在我最近的项目中却不行（也许是因为应用主题= android:Theme.Material？）。

发生的奇怪事情是，尽管显示了波纹效果，但它超出了ImageButton的范围，因此解决方案是：

• 使用android:foreground="?android:attr/selectableItemBackgroundBorderless"代替android:background="?android:attr/selectableItemBackgroundBorderless"

希望对您有帮助。