在 API < & > 21 的 ListView 项上创建波纹效果

tcc*_*288 2 java xml android listview ripple

我有下面的 XML,并试图在单击时创建连锁反应。ListView 中每个项目的背景都是黑色,因此理想情况下,波纹效果会生成某种灰色:

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:background="?android:attr/selectableItemBackground"
android:orientation="vertical">

<View
    android:layout_width="match_parent"
    android:layout_height="1dp"
    android:background="@color/white" />


<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="80dp"
    android:background="@color/black"
    android:orientation="horizontal">

    <ImageView
        android:id="@+id/imageView1"
        android:layout_width="80dp"
        android:layout_height="80dp"
        android:src="@drawable/placeholder" />

    <TextView
        android:id="@+id/latest_item_question"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:textColor="@color/white"
        android:textSize="12sp" />

</LinearLayout>

<View
    android:layout_width="match_parent"
    android:layout_height="1dp"
    android:background="@color/white" />
Run Code Online (Sandbox Code Playgroud)

该代码创建以下内容。请注意,我想介绍棒棒糖之前和之后:

在此输入图像描述

小智 5

尝试为 api pre Lollipop 创建两个背景,一个是波纹,另一个没有波纹

ripple_gray.xml

<?xml version="1.0" encoding="utf-8"?>
<selector xmlns:android="http://schemas.android.com/apk/res/android">
    <!-- Non focused states -->
    <item android:state_pressed="true">
        <shape xmlns:android="http://schemas.android.com/apk/res/android" >
            <corners android:radius="3dp"/>
            <solid android:color="@android:color/white"/>
        </shape>
    </item>

    <item>
        <shape xmlns:android="http://schemas.android.com/apk/res/android" >
            <corners android:radius="3dp"/>
            <solid android:color="@android:color/black"/>
        </shape>
    </item>
</selector>
Run Code Online (Sandbox Code Playgroud)

在drawable-v21ripple_gray.xml中创建

<?xml version="1.0" encoding="utf-8"?>
   <ripple xmlns:android="http://schemas.android.com/apk/res/android"
      android:color="@android:color/white">
   <item android:drawable="@android:color/black"/>
</ripple>
Run Code Online (Sandbox Code Playgroud)

使用创建的ripple_gray更改XML布局背景并添加id

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:background="?android:attr/selectableItemBackground"
    android:orientation="vertical">

<View
    android:layout_width="match_parent"
    android:layout_height="1dp"
    android:background="@color/white" />

<LinearLayout
    android:id="@+id/viewId"
    android:layout_width="match_parent"
    android:layout_height="80dp"
    android:background="@drawable/ripple_gray"
    android:orientation="horizontal">

<ImageView
    android:id="@+id/imageView1"
    android:layout_width="80dp"
    android:layout_height="80dp"
    android:src="@drawable/placeholder" />

<TextView
    android:id="@+id/latest_item_question"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:textColor="@color/white"
    android:textSize="12sp" />
</LinearLayout>

<View
    android:layout_width="match_parent"
    android:layout_height="1dp"
    android:background="@color/white" />

</LinearLayout>
Run Code Online (Sandbox Code Playgroud)

在 onCreate() 中的 Activity 中或您需要的地方

findViewById(R.id.viewId).setOnClickListener(new View.OnClickListener() {
        @Override
        public void onClick(View v) {
            
        }
    });
Run Code Online (Sandbox Code Playgroud)