android - 使用带有白色背景颜色的 ?selectableItemBackground

Question

我一直使用 android:background="?selectableItemBackground" 在单击 View (例如 LinearLayout)时产生涟漪效果。我想我在某处读到它向后兼容 API 14。

但是，我发现我需要使用这种涟漪效果，但需要使用白色背景。具体来说，我有一个列表项的布局，它将显示在默认颜色背景上(我从 Theme.AppCompat.Light.NoActionBar 扩展)，所以我希望列表项脱颖而出通过将列表项着色为纯白色 (#FFFFFF)，从此背景中。

这是列表项布局:

<?xml version="1.0" encoding="utf-8"?>
<FrameLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:background="?selectableItemBackground"
    android:layout_width="match_parent"
    android:layout_height="wrap_content">

    ...

    <LinearLayout
        android:orientation="vertical"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:gravity="center_vertical"
        android:paddingLeft="@dimen/mdu_keyline_1"
        android:paddingRight="@dimen/mdu_keyline_1"
        android:paddingTop="@dimen/mdu_padding_normal"
        android:paddingBottom="@dimen/mdu_padding_normal">

        ...

    </LinearLayout>

</FrameLayout>

上面会产生没有白色背景的涟漪效果。

如果我尝试:

<FrameLayout ...
    android:background="@color/white">

这显然会产生白色背景，但没有涟漪效应。

我还尝试了其他方法 - 这产生了最接近我正在寻找的结果:

<FrameLayout ...
    android:background="@color/white">

    ...

    <LinearLayout ...
        android:background="?selectableItemBackground">

上面给了我带有涟漪效果的白色背景。 然而，无论我点击项目的哪个部分，涟漪似乎总是从中心开始。

这里是一些显示当前结果的屏幕截图(忽略列表项顶部的阴影 - 这是我正在使用的 AppBarLayout 和 Toolbar 的阴影) .

我怎样才能达到预期的效果？

Answer 1

您可以使用 FrameLayout 的前景:

<FrameLayout ...
    android:background="@android:color/white"
    android:foreground="?attr/selectableItemBackground">