美文网首页
1源码的角度分析View

1源码的角度分析View

作者: 帝乙岩 | 来源:发表于2017-09-04 10:53 被阅读0次

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

    view基础

    view位置参数.jpg
    • 获取view的宽高:width = right - left ; height = bottom - top.
    • 获取四个参数:Left = getLeft(); 以此类推
    • x、y是View左上角的坐标;translationX、translationY是左上角相对于父容器的偏移量,默认值为0;
    • 关系:x = left +translationX ; Y同理;在view平移过程中top、left不会改变

    四个对象:

    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的事件分发

    三个重要的方法
    • public boolean dispatchTouchEvent(MotionEvent ev)
      事件分发。如果事件能够传递给当前View,那么此方法一定会被调用,返回结果受当前View的onTouchEvent和下级View的dispatchTouchEvent方法的影响,表示是否消耗当前事件。
    • public boolean onInterceptTouchEvent(MotionEvent ev)
      必须在ViewGroup下,在上述方法的内部调用,用来判断是否连接某个事件,如果当前View拦截某个事件,那么在同一事件序列中,此方法不会被再次调用,返回结果表示是否拦截当前事件。
    • public boolean onTouchEvent(MotionEvent event)
      在第一个方法中调用,用来处理点击事件,返回结果表示是否消耗当前事件,如果不消耗,则在同一个事件序列中,当前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;
            }
        }
    

    效果图:

    横向与纵向滑动冲突

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

    相关文章

      网友评论

          本文标题:1源码的角度分析View

          本文链接:https://www.haomeiwen.com/subject/qobbcxtx.html