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

96
山言两语
2015.12.25 17:56* 字数 292
效果展示

思路

通过监听onTouch方法

  • MotionEvent.ACTION_DOWN执行view变小的动画
    v.animate().scaleX(scale).scaleY(scale).setDuration(duration).setInterpolator(interpolator);
  • MotionEvent.ACTION_CANCELMotionEvent.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

Android-笔记
Web note ad 1