Android使用RippleDrawable创建纹波效果长按V

前言

最近在使用纹波效果时遇到了一个小问题，使用RippleDrawable为View控件设置纹波效果，长按View控件松开之后View的背景色变为纹波的颜色，无法恢复未点击控件时的正常背景色。

首先看两张纹波的效果图

正常的纹波效果图 不正常的纹波效果图

首先我们长按设置了纹波效果的View控件，正常情况下在纹波效果结束之后松开手指View的背景色会恢复成原来的颜色，而不正常情况下松开手指之后背景色并没有恢复。

下面我们看一下纹波异常时的代码

• res/drawable-v21/item_selector.xml

<?xml version="1.0" encoding="utf-8"?>
<ripple xmlns:android="http://schemas.android.com/apk/res/android"          
        android:color="@color/colorAccent">
    <item android:drawable="@color/colorNormalBg"/>
</ripple>

• res/layout/activity_main.xml

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout
    xmlns:android="http://schemas.android.com/apk/res/android"
    android:id="@+id/activity_main"
    android:layout_width="match_parent"
    android:layout_height="match_parent">

    <LinearLayout
        android:id="@+id/test"
        android:layout_width="match_parent"
        android:layout_height="75dp"
        android:layout_margin="16dp"
        android:background="@drawable/item_selector"
        android:gravity="center">

        <TextView
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="Hello World!"
            android:textColor="#212121"/>
    </LinearLayout>
</LinearLayout>

• MainActivity.java

package rich.ivan.rippledrawable;

import android.support.v7.app.AppCompatActivity;
import android.os.Bundle;
import android.view.MotionEvent;
import android.view.View;
import android.widget.LinearLayout;

public class MainActivity extends AppCompatActivity implements View.OnClickListener, View.OnLongClickListener {

    @Override    
    protected void onCreate(Bundle savedInstanceState) { 
        super.onCreate(savedInstanceState); 
        setContentView(R.layout.activity_main);
        LinearLayout layout = (LinearLayout) findViewById(R.id.test);
        layout.setOnClickListener(this);
        layout.setOnLongClickListener(this);                      
    }    

    @Override    
    public void onClick(View view) {    
    
    }    

    @Override    
    public boolean onLongClick(View view) {
        view.setOnTouchListener(new View.OnTouchListener() {
            @Override                                    
            public boolean onTouch(View view, MotionEvent motionEvent) {                  
                switch (motionEvent.getAction()) {
                    case MotionEvent.ACTION_UP:
                        // intercept touch event
                        return true;
                }
                return false;
            }
        });
        return false;
    }
}

纹波出现异常的原因

经过我的测试，发现了纹波出现异常的原因。在监听View长按事件的同时监听View的触摸事件，在OnTouchListener的MotionEvent.ACTION_UP事件中返回了true，会导致纹波松开手指之后View无法恢复正常的背景色。如果返回false或者使用默认的返回操作，纹波效果就能正常显示。不过我目前并没有搞懂这个问题的原理是什么，还请了解原理的简友们指点一下。

异常代码:

switch (motionEvent.getAction()) {
    case MotionEvent.ACTION_UP:
        // intercept touch event
        return true;
}

正常代码：

switch (motionEvent.getAction()) {
    case MotionEvent.ACTION_UP:
        // do not intercept touch event
        return false;
}

总结

使用RippleDrawable创建纹波效果时，如果View既需要监听长按事件又要监听用户的手势操作，在OnTouchListener的onTouch方法中处理手势时如果返回了true，拦截了当前的点击事件，会造成设置纹波效果的View控件背景色无法恢复正常。