1源码的角度分析View

2017-09-04  本文已影响0人  帝乙岩

内容:view基础、view滑动、弹性滑动、横纵滑动冲突

view基础

view位置参数.jpg

四个对象:

  1. MotionEvent
    ACTION_DOWN 手指刚接触屏幕
    ACTION_MOVE 手指在屏幕上移动
    ACTION_UP 手指从屏幕上离开
    获取点击事件发生的x、y坐标
    getX/Y返回相对于当前view左上角的x和y坐标;
    getRawX/Y返回相对于当前手机屏幕左上角的x和y坐标.
  2. TouchSlop
    系统所能识别的最小滑动距离,滑动过小为点击,这个临界值为常量:ViewConfiguration.get(getContext()).getScaledTouchSlop()
  3. VelocityTracker
    手指在滑动过程中的速度
  @Override
    public boolean onTouchEvent(MotionEvent event) {
        VelocityTracker velocityTracker =VelocityTracker.obtain();
        velocityTracker.addMovement(event);
        //获取速度 
        velocityTracker.computeCurrentVelocity(1000);//必须先计算速度
        int xVelocity = (int) velocityTracker.getXVelocity();
        int yVelocity = (int) velocityTracker.getYVelocity();
        //重置并回收内存
        velocityTracker.clear();
        velocityTracker.recycle();
        return super.onTouchEvent(event);
    }

这里的速度指划过的像素数,1s内划过100像素,速度为100,可以为负数;公式:速度=(终点位置-起点位置)/时间段

  1. GestureDetector
    检测单击、滑动(推荐onTouchEvent)、长按、双击(推荐)的行为
//doubleTapListener为自定义class implements GestureDetector.OnDoubleTapListener
  GestureDetector gestureDetector = new GestureDetector(this,
                (GestureDetector.OnGestureListener) new doubleTapListener());
        gestureDetector.setIsLongpressEnabled(false);
        boolean consume = gestureDetector.onTouchEvent(event);
        return consume;

view滑动

  1. scrollTo和scrollBy只能改变View的内容的位置而不能改变View在布局中的位置;内容mScrollX左移为正右移为负,mScrollY上移为正下移为负;优点:不影响内部元素的单击事件
  2. 动画移动操作translationX、translationY两个属性;适用于没有交互的View和实现复杂的动画效果
    属性动画将一个view在100ms内从原始位置向右平移100像素
ObjectAnimator.ofFloat(id_tv,"translationX",0,100).setDuration(100).start();
  1. 改变布局参数即LayoutParams;适用于有交互的view
        //宽度增加100px,向右平移100px
        ViewGroup.MarginLayoutParams params = (ViewGroup.MarginLayoutParams) id_tv.getLayoutParams();
        params.width += 100;
        params.leftMargin += 100;
        id_tv.setLayoutParams(params);

这里有个例子因为用到开源动画库nineoldandroids就不列举了

View弹性滑动

  1. Scroller
    弹性、过渡效果滑动,改善瞬间完成;代码为viewGroup下
    整个流程对view没有丝毫引用
 Scroller mScroller = new Scroller(getContext());
    private void smoothScrollBy(int dx, int dy) {
        //一参,二参为滑动起点,三参,四参为滑动距离,500ms的时间完成滑动,内容滑动
        mScroller.startScroll(getScrollX(), 0, dx, 0, 500);//源码什么都没有做
        //弹性滑动主要代码,导致view重绘,没在源码中看到
        invalidate();
    }

    //view的draw方法会调用computeScroll
    @Override
    public void computeScroll() {
        //通过时间计算当前ScrollX和scrollY的值
        if (mScroller.computeScrollOffset()) {
            //向Scroller获取当前ScrollX和scrollY,通过scrollto实现滑动
            scrollTo(mScroller.getCurrX(), mScroller.getCurrY());
            //进行二次重绘,如此反复
            postInvalidate();
        }
    }
  1. 动画自带弹性滑动效果,以下为模仿Scroller来实现view的弹性滑动,滑动为内容
        final int startX = 0;
        final int deltaX = 100;
        final ValueAnimator animator= ValueAnimator.ofInt(0,1).setDuration(1000);
        animator.addUpdateListener(new ValueAnimator.AnimatorUpdateListener() {
            @Override
            public void onAnimationUpdate(ValueAnimator animation) {
                float fraction = animator.getAnimatedFraction();
                id_tv.scrollTo(startX+(int)(deltaX * fraction),0);
            }
        });
        animator.start();
  1. 延时策略,可以尝试使用postDelayed或sleep
    private static final int MESSAGE_SCROLL_TO = 1;
    private static final int FRAME_COUNT = 30;
    private static final int DELAYED_TIME = 33;
    private int mCount = 0;
 @SuppressLint("HandlerLeak")
    private Handler handler = new Handler(){
        public void handleMessage(Message msg){
            switch (msg.what){
                case MESSAGE_SCROLL_TO:{
                    mCount++;
                    if(mCount<= FRAME_COUNT){
                        float fraction = mCount / (float) FRAME_COUNT;
                        int scrollX = (int)(fraction * 100);
                        id_tv.scrollTo(scrollX,0);
                        handler.sendEmptyMessageDelayed(MESSAGE_SCROLL_TO,DELAYED_TIME);
                    }
                    break;
                }
                default:
                    break;
            }
        }
    };

View的事件分发

三个重要的方法
//ViewGroup点击事件传递到这里
 public boolean dispatchTouchEvent(MotionEvent ev) {
        boolean consume = false;
        //为true则拦截当前事件
        if(onInterceptTouchEvent(ev)){
            //onTouchEvent被调用
            consume=onTouchEvent(ev);
        }else{
            //不拦截传递给子控件直到事件被处理
            consume = child.dispatchTouchEvent(ev);
        }
        return consume;
    }

onTouchListener优先级高于onTouchEvent高于OnClickListener
一个点击事件的传递顺序:Activity ->Window->View,
当一个view的onTouchEvent返回false,则调用父容器onTouchEvent,都没有处理事件,最终返回Activity的onTouchEvent处理。

结论:
  1. 同一事件序列以down事件开始,中间有不定数量move事件,最终以up事件结束。
  2. 正常情况一个事件序列只能被一个view拦截且消耗。特殊可强行转给其它view处理。
  3. 某个view一旦决定拦截,则只能由它处理,onInterceptTouchEvent不再调用。
  4. 事件一旦交给一个view处理,它必须消耗掉(onTouchEvent返回true),否则同一事件序列剩下的事件不再给它处理。
  5. view不消耗除Action_down以外的的事件,点击事件会消失,后续事件由Activity处理。
  6. ViewGroup默认不拦截任何事件。
  7. view无onInterceptTouchEvent方法,onTouchEvent自动调用。
  8. view的onTouchEvent默认消耗事件,除非不可点击。
  9. view的enable属性不影响onTouchEvent默认返回值。
  10. onClick会发生的前提是View可点击,并收到down和up事件。
  11. 事件传递由外向内,事件总是传给父元素,父元素分发。
源码解析
  1. Activity对点击事件的分发过程
    Activity中Window->PhoneWindow中DecorView->ViewGroup
  2. 顶级view对点击事件的分发过程
    伪代码中mOnTouchListener被设置,则onTouch会被调用,否则调用onTouchEvent,在onTouchEvent中如果设置了mOnClickListener,则onClick会被调用。
  3. View对点击事件的处理过程

view的滑动冲突

场景:横向滑动与纵向滑动冲突(viewpager默认已解决)

  1. 外部拦截法(推荐)
    指点击事件都经过父容器的拦截处理,按需要进行拦截
    父容器模板代码:
  public boolean onInterceptTouchEvent(MotionEvent event) {
        boolean intercepted = false;
        int x = (int) event.getX();
        int y = (int) event.getY();

        switch (event.getAction()) {
            case MotionEvent.ACTION_DOWN: {
                intercepted = false;
                break;
            }
            case MotionEvent.ACTION_MOVE: {
                if (父容器需要当前点击事件) {
                    intercepted = true;
                } else {
                    intercepted = false;
                }
                break;
            }
            case MotionEvent.ACTION_UP: {
                intercepted = false;
                break;
            }
            default:
                break;
        }
        mLastXIntercept = x;
        mLastYIntercept = y;
        return intercepted;
    }
  1. 内部拦截法
    父容器不拦截任何事件,子元素需要此事件就直接消耗,否则交由父容器处理;需要requestDisallowInterceptTouchEvent方法。
    子元素的模板代码:
public boolean dispatchTouchEvent(MotionEvent event) {
        int x = (int) event.getX();
        int y = (int) event.getY();

        switch (event.getAction()) {
            case MotionEvent.ACTION_DOWN: {
                //parent为父容器对象
                parent.requestDisallowInterceptTouchEvent(true);
                break;
            }
            case MotionEvent.ACTION_MOVE: {
                int deltaX = x - mLastX;
                int deltaY = y - mLastY;
                if (父容器需要此类的点击事件) {
                    parent.requestDisallowInterceptTouchEvent(false);
                }
                break;
            }
            case MotionEvent.ACTION_UP: {
                break;
            }
            default:
                break;
        }

        mLastX = x;
        mLastY = y;
        return super.dispatchTouchEvent(event);
    }

父容器拦截除ACTION_DOWN外的事件,ACTION_DOWN拦截就传不到子元素中。
父容器的模板代码

    public boolean onInterceptTouchEvent(MotionEvent event) {
        int x = (int) event.getX();
        int y = (int) event.getY();
        int action = event.getAction();
        if (action == MotionEvent.ACTION_DOWN) {
            if (!mScroller.isFinished()) {
                mScroller.abortAnimation();
                return true;
            }
            return false;
        } else {
            return true;
        }
    }

效果图:

横向与纵向滑动冲突

以上内容全部为下节做铺垫,
下节为同向纵向滑动冲突(核心代码)。

上一篇下一篇

猜你喜欢

热点阅读