安卓通过设置View的OnTouchListener超简单实现点击动画效果

效果展示

思路

通过监听onTouch方法

• 在MotionEvent.ACTION_DOWN执行view变小的动画
  v.animate().scaleX(scale).scaleY(scale).setDuration(duration).setInterpolator(interpolator);
• 在MotionEvent.ACTION_CANCEL和MotionEvent.ACTION_UP时执行还原的动画
  v.animate().scaleX(1).scaleY(1).setInterpolator(interpolator);
• 同时需要注意在onTouch方法 return true;及处理VIEW的pressed state

核心代码

 @Override
 public boolean onTouch(View v, MotionEvent event) {
        switch (event.getAction()) {
            case MotionEvent.ACTION_DOWN:
                v.animate().scaleX(scale).scaleY(scale).setDuration(duration).setInterpolator(interpolator);
                v.setPressed(true);
                break;

            case MotionEvent.ACTION_MOVE:
                float x = event.getX();
                float y = event.getY();
                boolean isInside = (x > 0 && x < v.getWidth() && y > 0 && y < v.getHeight());
                if (v.isPressed() != isInside) {
                    v.setPressed(isInside);
                }
                break;
            case MotionEvent.ACTION_CANCEL:
                v.setPressed(false);
                v.animate().scaleX(1).scaleY(1).setInterpolator(interpolator);
                break;
            case MotionEvent.ACTION_UP:
                v.animate().scaleX(1).scaleY(1).setInterpolator(interpolator);
                if (v.isPressed()) {
                    v.performClick();
                    v.setPressed(false);
                }
                break;
        }
        return true;
  }

调用方法

  ImageView iv  = (ImageView) findViewById(R.id.iv_test);
  TextView tv  = (TextView) findViewById(R.id.tv_test);

  OnClickAnimTouchListener clickAnim = new OnClickAnimTouchListener();
  iv.setOnTouchListener(clickAnim);
  tv.setOnTouchListener(clickAnim);

update: 2016.01.15 做了下重构，顺便把代码迁移到我自己的Lib工程，并上传Jcenter以便以后使用

• 把效果部分抽取成一个接口

public interface ViewClickEffect {  
 /**     * 按下去的效果     */    
void onPressedEffect(View view);    
/**     * 释放的效果     * @param view     */   
void onUnPressedEffect(View view);}

• 这样我们之前实现的放大缩小效果就变成了 完整代码

@Override
public void onPressedEffect(View view) {
    view.animate().scaleX(scale).scaleY(scale).setDuration(duration).setInterpolator(interpolator);
}
@Overridepublic void onUnPressedEffect(View view) {
    view.animate().scaleX(1).scaleY(1).setInterpolator(interpolator);
}

再顺手写一个点击时改变透明度的 完整代码

@Override
public void onPressedEffect(View view) {
    view.animate().alpha(scale).setDuration(duration).setInterpolator(interpolator);
}
@Override
public void onUnPressedEffect(View view) {
    view.animate().alpha(1).setDuration(duration).setInterpolator(interpolator);
}

• 这时候我们在OnClickEffectTouchListener：)改个了名捏 里面增加一个变量，外部可以传ViewClickEffect接口的实现，或者以上两个默认实现

private ViewClickEffect mViewClickEffect = new DefaultClickEffectScaleAnimate();
public void setViewClickEffect(ViewClickEffect viewClickEffect) {    
  mViewClickEffect = viewClickEffect;
}

 @Override
 public boolean onTouch(View v, MotionEvent event) {
        switch (event.getAction()) {
            case MotionEvent.ACTION_DOWN:
                mViewClickEffect.onPressedEffect(v);
                v.setPressed(true);
                break;

            case MotionEvent.ACTION_MOVE:
                float x = event.getX();
                float y = event.getY();
                boolean isInside = (x > 0 && x < v.getWidth() && y > 0 && y < v.getHeight());
                if (v.isPressed() != isInside) {
                    v.setPressed(isInside);
                }
                break;
            case MotionEvent.ACTION_CANCEL:
                mViewClickEffect.onUnPressedEffect(v);
                v.setPressed(false);
                break;
            case MotionEvent.ACTION_UP:
                mViewClickEffect.onUnPressedEffect(v);
                if (v.isPressed()) {
                    v.performClick();
                    v.setPressed(false);
                }
                break;
        }
        return true;
  }

update: 2016.02.19 发现这边设置后会屏蔽长按事件，如果需要响应长按事件的请先不要用此方法，后面有时间再看如何解决。

是不是很简单没啥技术含量呢，如果喷，请轻喷
完整代码 GitHub