1源码的角度分析View

内容: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;
        }
    }

效果图:

横向与纵向滑动冲突

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

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 212,185评论 6 493
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 90,445评论 3 385
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 157,684评论 0 348
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 56,564评论 1 284
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 65,681评论 6 386
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 49,874评论 1 290
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 39,025评论 3 408
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 37,761评论 0 268
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 44,217评论 1 303
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 36,545评论 2 327
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 38,694评论 1 341
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 34,351评论 4 332
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 39,988评论 3 315
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 30,778评论 0 21
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 32,007评论 1 266
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 46,427评论 2 360
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 43,580评论 2 349

推荐阅读更多精彩内容