如何产生圆形波纹?

时间:2018-08-22 13:29:12

标签: android user-interface ripple

我想创建类似的波纹效果,该效果在红色框中显示并用箭头指示。

enter image description here

每当我将 selectableItemBackground 设置为任何元素时,它只会在元素的布局范围内显示波纹,而不像我上面共享的那样。

请分享一个可行的例子。谢谢。

4 个答案:

答案 0 :(得分:2)

使用selectableItemBackgroundBorderless代替selectableItemBackground

答案 1 :(得分:0)

您可以创建简单的波纹可绘制文件:

/res/drawable/transparent_ripple.xml

<?xml version="1.0" encoding="utf-8"?>
<ripple xmlns:android="http://schemas.android.com/apk/res/android"
    android:color="#77333333" />

答案 2 :(得分:0)

android:background="?selectableItemBackgroundBorderless"

<androidx.appcompat.widget.AppCompatImageView
        android:id="@+id/imageViewCancel"
        android:layout_width="45dp"
        android:layout_height="45dp"
        android:src="@drawable/ic_x"
        android:background="?selectableItemBackgroundBorderless"
        app:layout_constraintBottom_toTopOf="@id/lineTopHorizontal"
        app:layout_constraintStart_toEndOf="@id/lineVerticalStart" />

答案 3 :(得分:0)

使用 actionBarItemBackground 值作为 背景

android:background="?android:attr/actionBarItemBackground"