美文网首页自定义控件
RecyclerView滑动研究

RecyclerView滑动研究

作者: Endeav0r | 来源:发表于2018-04-17 11:17 被阅读419次

    实现有鱼记账app的滑动效果:

    ..png
    分析需求:
    1.RecyclerView滑动时隐藏键盘,滑动到顶部和底部的时候弹出键盘
    2.RecyclerView首次滑动到顶部或者底部的时候不弹出键盘,当已经位于顶部或底部时,再次上拉,下拉时再弹出。
    
    监听滑动事件
    rcy.addOnScrollListener(new RecyclerView.OnScrollListener() {
        @Override
        public void onScrollStateChanged(RecyclerView recyclerView, int newState) {
            super.onScrollStateChanged(recyclerView, newState);
    
            // newState:recyclerview滑动状态
            //正在滚动 SCROLL_STATE_IDLE = 0;我们一般监听就是监听SCROLL_STATE_IDLE
            //手指拖拽 SCROLL_STATE_DRAGGING = 1;
            //自动滚动开始 SCROLL_STATE_SETTLING = 2; 如果是手动开始-手指滑动-手动停止:不回调2
        }
         @Override
        public void onScrolled(RecyclerView recyclerView, int dx, int dy) {
            super.onScrolled(recyclerView, dx, dy);
        }
    });
    
    方案一:
    rcy.addOnScrollListener(new RecyclerView.OnScrollListener() {
        @Override
        public void onScrollStateChanged(RecyclerView recyclerView, int newState) {
            super.onScrollStateChanged(recyclerView, newState);
          if (newState == RecyclerView.SCROLL_STATE_IDLE) {
                if (mKeyBoardLayout.getVisibility() == View.VISIBLE) {
                    hideKeyboard();//滑动时隐藏键盘
                } else {
                    if (gridLayoutManager.findFirstVisibleItemPosition() == 0)
                        showKeyboard();// 滑动到顶部时弹出键盘
                    if (gridLayoutManager.findLastVisibleItemPosition() == data.size() - 1)
                        showKeyboard();// 滑动到底部时弹出键盘
                }
            }
        }
         @Override
        public void onScrolled(RecyclerView recyclerView, int dx, int dy) {
            super.onScrolled(recyclerView, dx, dy);
        }
    });
    

    这种做法的问题是当第一个和最后一个item没有完全退出屏幕的时候(显示一半),也会回调,所以单靠findFirstVisibleItemPosition和findLastVisibleItemPosition判断是不够的。

    方案二:
    rcy.addOnScrollListener(new RecyclerView.OnScrollListener() {
    
        private int start;
    
    @Override
    public void onScrollStateChanged(RecyclerView recyclerView, int newState) {
        super.onScrollStateChanged(recyclerView, newState);
    
    
        if (newState == RecyclerView.SCROLL_STATE_IDLE) {
            if (mKeyBoardLayout.getVisibility() == View.VISIBLE) {
                hideKeyboard();
            } else {
                boolean top = rcy.canScrollVertically(-1);// 能否向上滑动,false表示已经滚动到顶部
                boolean bottom = rcy.canScrollVertically(1);// 能否向下滑动,false表示已经滚动到底部
                if (!top || !bottom) {
                    showKeyboard();
                }
                
            }
        }
    }   
        @Override
        public void onScrolled(RecyclerView recyclerView, int dx, int dy) {
            super.onScrolled(recyclerView, dx, dy);
        }
    });
    

    canScrollVertically()方法表示recyclerview能否继续向上或向下滑动,官方封装好的api,不会出现第一个或最后一个item显示一半时发生的bug.

    三:实现当已经位于顶部或底部时,再次上拉,下拉 拉不动时再弹出键盘。
    rcy.addOnScrollListener(new RecyclerView.OnScrollListener() {
    
        private int start;
    
    @Override
    public void onScrollStateChanged(RecyclerView recyclerView, int newState) {
        super.onScrollStateChanged(recyclerView, newState);
    
        if (newState == RecyclerView.SCROLL_STATE_DRAGGING) {
            start = recyclerView.computeVerticalScrollOffset();// 获取当前已经向上滑动距离
        }
        if (newState == RecyclerView.SCROLL_STATE_IDLE) {
            if (mKeyBoardLayout.getVisibility() == View.VISIBLE) {
                hideKeyboard();
            } else {
                boolean top = rcy.canScrollVertically(-1);// 能否向上滑动,false表示已经滚动到顶部
                boolean bottom = rcy.canScrollVertically(1);// 能否向下滑动,false表示已经滚动到底部
                // L.show("能否上划==" + top + ",能否下划==" + bottom);
                int end = recyclerView.computeVerticalScrollOffset();
                if (start == end) {// 获取已经滑动距离 computeVerticalScrollOffset
                    if (!top || !bottom) {
                        showKeyboard();
                    }
                }
                    L.show("start==" + start + ",end==" + end);
                
                }
            }
        }
        
        @Override
        public void onScrolled(RecyclerView recyclerView, int dx, int dy) {
            super.onScrolled(recyclerView, dx, dy);
        }
    });
    

    首先介绍一个方法:computeVerticalScrollOffset()表示已经向下滚动的距离,为0时表示已处于顶部。我们从recyclerView最顶端开始下滑,打印computeVerticalScrollOffset的返回值:

    E/ende: start==0,end==90
    E/ende: start==90,end==179
    E/ende: start==179,end==369
    E/ende: start==369,end==1090
    

    start表示手指开始拖动时已经滑动的距离,首次为0。end表示滑动后的的滑动距离。我们可以通过判断start == end时,得到recyclerview位于顶端或底端并且已经滑不动了。

    补充方法:

    (1)已经向下滚动的距离,为0时表示已处于顶部。

    rcy.computeVerticalScrollOffset():
    

    (2)整体的高度,注意是整体,包括在显示区域之外的。

    computeVerticalScrollRange():
    

    (3)显示区域的高度。

    computeVerticalScrollExtent():
    
    参阅读文章:

    相关文章

      网友评论

        本文标题:RecyclerView滑动研究

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