具有彩色背景和涟漪效果的Listview选择器

Question

android L开发人员预览版中的标准列表视图选择器使用颜色控制亮点用于触摸的涟漪效果，并且在不聚焦状态下具有透明背景。

我想定义一个ListView项目，它有一个彩色背景，并且仍然用相同的高亮颜色显示触摸时的涟漪效果。现在，如果我定义以下可绘制图形：

<ripple xmlns:android="http://schemas.android.com/apk/res/android"
        android:color="?android:colorControlHighlight">
    <item android:drawable="@color/my_background_color"/>
</ripple>

它起作用，但是纹波在 ListVIEW 项中间开始，不管触摸位置如何。如果我在 列表视图之外使用相同的背景，例如，对于 线性布局，其工作原理与预期相同（纹波从触摸位置开始）。

Answer 1

我发现只有当您将背景应用于列表项的根元素时，它才会正常工作。

此外，考虑使用新的RealReVIEW而不是ListVIEW

列表项视图示例：

<RelativeLayout
    xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:layout_marginTop="@dimen/list_padding"
    android:layout_marginLeft="@dimen/list_padding"
    android:layout_marginRight="@dimen/list_padding"
    android:padding="@dimen/list_padding"
    android:background="@drawable/ripple_bg">

    <TextView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="Large Text"
        android:id="@+id/tvTitle"/>

    <TextView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="Small Text"
        android:id="@+id/tvSubtitle" />

</RelativeLayout>

Answer 2

据我所知，这个bug只存在于Android 5.0中，而不是5.1中。诀窍似乎是使用Drawable#setHotspot作为Google开发人员的提示https://twitter.com/crafty/status/561768446149410816（因为模糊的twitter提示是一种很好的文档形式！）

假设你有一个这样的行布局

<FrameLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent">

      <LinearLayout
            android:id="@+id/row_content"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:orientation="horizontal"
            android:background="?attr/selectableItemBackground">

          .... content here .....

     </LinearLayout>

</FrameLayout>

下面的对我有用

            row.setOnTouchListener(new View.OnTouchListener() {
                @Override
                public boolean onTouch(View v, MotionEvent event) {
                    v.findViewById(R.id.row_content)
                        .getBackground()
                        .setHotspot(event.getX(), event.getY());

                    return(false);
                }
            });

Answer 3

我在保持连锁反应的同时，成功地获得了单色列表项。使用任何适配器设置列表项的背景，并将listview设置为在顶部显示选择器：

<ListView
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:drawSelectorOnTop="true" />

这将在背景上方产生涟漪效应。