Android嵌套滚动的传统方法与思路

前言

Android 的嵌套滚动,实现比较方便

  • 横着滚动,ViewPager2
  • 竖着滚动,NestedScrollingParent

顶上,有一个头部视图 header,

中间,有一个菜单视图 menu,

下面的是,内容视图, 一个 ViewPager2,包含几个 Tab,

Tab 里面是列表 RecyclerView

本文,主要参考  hongyangAndroid/Android-StickyNavLayout

Java 实现

基于 LinearLayout ,添加 NestedScrollingParent

子 View 开始滚动时,请求父 View 是否开始接受嵌套滚动,

SCROLL_AXIS_HORIZONTAL = 1
SCROLL_AXIS_VERTICAL = 2

水平方向,返回 false, 表示不接受;

( 不接受,则水平滚动,对竖直方向的滚动,没有干涉 )

竖直方向,返回 true, 表示接受。

public class StickyNavLayout extends LinearLayout implements NestedScrollingParent
{
    @Override
    public boolean onStartNestedScroll(View child, View target, int nestedScrollAxes)
    {
        if (nestedScrollAxes == 1){
            return false;
        }
        else{
            return true;
        }
    }
}

返回嵌套滚动的方向

    @Override
    public int getNestedScrollAxes()
    {
        return ViewCompat.SCROLL_AXIS_VERTICAL;
    }

子视图纵向滚动,带动父视图的纵向滚动

目标视图执行嵌套滚动前的回调,

dx,dy 为产生的滚动距离,( 目标视图,就是拖动的子视图, RecyclerView )

( 纵向滚动, dx 为 0 )

consumed 为父 View 消耗的滚动距离

@Override
    public void onNestedPreScroll(View target, int dx, int dy, int[] consumed)
    {
       // 根据子视图的滚动偏移 dy
       // 和父视图的滚动偏移 getScrollY()
       // 确定子视图纵向滚动,带动父视图的纵向滚动
        boolean hiddenTop = dy > 0 && getScrollY() < mTopViewHeight;
        boolean showTop = dy < 0 && getScrollY() >= 0 && !target.canScrollVertically(-1);

        if (hiddenTop || showTop)
        {
            scrollBy(0, dy);
            consumed[1] = dy;
        }
    }

效果增强, 动画

往上轻滚,就把 header 遮盖;

往下轻滚,就显示 header

    private int TOP_CHILD_FLING_THRESHOLD = 3;

    @Override
    public boolean onNestedFling(View target, float velocityX, float velocityY, boolean consumed)
    {
        //如果是 recyclerView 根据判断第一个元素是哪个位置,可以判断是否消耗

        //这里判断,如果第一个元素的位置是大于 TOP_CHILD_FLING_THRESHOLD 的

        //认为已经被消耗,在 animateScroll 里不会对 velocityY<0 时做处理

        if (target instanceof RecyclerView && velocityY < 0) {
            // 对子视图为 RecyclerView, 专门处理

            final RecyclerView recyclerView = (RecyclerView) target;
            final View firstChild = recyclerView.getChildAt(0);
            final int childAdapterPosition = recyclerView.getChildAdapterPosition(firstChild);
            consumed = childAdapterPosition > TOP_CHILD_FLING_THRESHOLD;
        }
        // 动效
        animateScroll(velocityY,  700, consumed);
        return true;
    }

动画滚动

使用 ValueAnimator ,做滚动动画

   private ValueAnimator mOffsetAnimator;

   private void animateScroll(float velocityY, final int duration,boolean consumed) {
        final int currentOffset = getScrollY();
        final int topHeight = mTop.getHeight();
        if (mOffsetAnimator == null) {
            // 之前不存在动画,就新建
            mOffsetAnimator = new ValueAnimator();
            mOffsetAnimator.setInterpolator(mInterpolator);
            mOffsetAnimator.addUpdateListener(new ValueAnimator.AnimatorUpdateListener() {
                @Override
                public void onAnimationUpdate(ValueAnimator animation) {
                    if (animation.getAnimatedValue() instanceof Integer) {
                        scrollTo(0, (Integer) animation.getAnimatedValue());
                    }
                }
            });
        } else {
            // 之前存在动画,就取消
            mOffsetAnimator.cancel();
        }
        mOffsetAnimator.setDuration(Math.min(duration, 600));

        if (velocityY >= 0) {
            // 向上滚动
            // 隐藏 header
            mOffsetAnimator.setIntValues(currentOffset, topHeight);
            mOffsetAnimator.start();
        }else if( !consumed ){
            // 向下滚动
            // 显示 header
                // 如果子 View 没有消耗 down 事件 那么就让自身滑到 0 位置
                mOffsetAnimator.setIntValues(currentOffset, 0);
                mOffsetAnimator.start();
        }
    }

github repo

总结

到此这篇关于Android嵌套滚动的传统方法与思路的文章就介绍到这了,更多相关Android嵌套滚动内容请搜索我们以前的文章或继续浏览下面的相关文章希望大家以后多多支持我们!

(0)

相关推荐

  • Android 三级NestedScroll嵌套滚动实践

    嵌套滚动介绍 我们知道 NestedScrolling(Parent/Child) 这对接口是用来实现嵌套滚动的,一般实现这对接口的 Parent 和 Child 没有直接嵌套,否则直接用 onInterceptTouchEvent() 和 onTouchEvent() 这对方法实现就可以了.能够越级嵌套滚动正是它的厉害之处. 嵌套滚动的接口有两对:NestedScrolling(Parent/Child) 和 NestedScrolling(Parent2/Child2) 后者相比前者对 fl

  • Android嵌套滚动NestedScroll的实现了解一下

    其实嵌套滚动已经算一个比较常见的特效了,下面这个动图就是嵌套滚动的一个例子: 看到这个动效,大家可能都知道可以用CoordinatorLayout去实现.其实CoordinatorLayout是基于NestedScroll机制去实现的,而我们直接通过NestedScroll机制也能很方便的实现这个动效. 原理 NestedScroll的其实很简单. 一般的触摸消息的分发都是从外向内的,由外层的ViewGroup的dispatchTouchEvent方法调用到内层的View的dispatchTou

  • android嵌套滚动入门实践

    嵌套滚动是 Android OS 5.0之后,google 为我们提供的新特性.这种机制打破了我们对之前 Android 传统的事件处理的认知.从一定意义上可以理解为嵌套滚动是逆向的事件传递机制. 如上图所示,其原理就是这样.那么下边我们从代码的层面看一下实现. 代码中主要涉及到了四个类: NestedScrollingChild.NestedScrollingChildHelper.NestedScrollingParent.NestedScrollingParentHelper 先看Nest

  • Android NestedScrolling嵌套滚动的示例代码

    一.什么是NestedScrolling? Android在Lollipop版本中引入了NestedScrolling--嵌套滚动机制.在Android的事件处理机制中,事件序列只能由父View和子View中的一个处理.在嵌套滚动机制中,子View处理事件前会将事件传给父View处理,两者协作配合处理事件. 在嵌套滚动机制中,父View需实现NestedScrollingParent接口,子View需要实现NestedScrollingChild接口.从Lollipop起View都已经实现了Ne

  • Android嵌套滚动的传统方法与思路

    前言 Android 的嵌套滚动,实现比较方便 横着滚动,ViewPager2 竖着滚动,NestedScrollingParent 顶上,有一个头部视图 header, 中间,有一个菜单视图 menu, 下面的是,内容视图, 一个 ViewPager2,包含几个 Tab, Tab 里面是列表 RecyclerView 本文,主要参考  hongyangAndroid/Android-StickyNavLayout Java 实现 基于 LinearLayout ,添加 NestedScroll

  • Android嵌套滚动和协调滚动的多种实现方法

    目录 Android的嵌套滚动的几种实现方式 一.嵌套滚动 NestedScrollingParent/Child 二.嵌套滚动 NestedScrollView 三.嵌套滚动-自定义布局 总结 Android的嵌套滚动的几种实现方式 很多 Android 开发者虽然做了几年的开发,但是可能还是对滚动的几种方式不是很了解,本系列也不会涉及到底层滚动原理,只是探讨一下 Android 布局滚动的几种方式. 什么叫嵌套滚动?什么叫协调滚动? 只要是涉及到滚动那必然父容器和子容器,按照原理来说子容器先

  • Android嵌套滚动与协调滚动的实现方式汇总

    目录 Android的协调滚动的几种实现方式 一.CoordinatorLayout + Behavior 二.CoordinatorLayout + AppBarLayout 三.MotionLayout 总结 Android的协调滚动的几种实现方式 上一期,我们讲了嵌套滚动的实现方式,为什么有了嵌套滚动还需要协调滚动这种方式呢?(不细讲原理,本文只探讨实现的方式与步骤!) 那在一些细度化的操作中,如我们需要一些控件随着滚动布局做一些粒度比较小的动画.移动等操作,那么我们就需要监听滚动,然后改

  • android自定义滚动上下回弹scollView

    本文实例为大家分享了android自定义滚动上下回弹scollView的具体代码,供大家参考,具体内容如下 这是一个自定义view,在xml布局中用这个view嵌套要使之可以上下回弹的view 就能实现布局可以滚动上下回弹了,自定义view代码如下: package com.loopfire.meitaotao.view.scrollView;   import android.content.Context; import android.graphics.Rect; import andro

  • Android嵌套RecyclerView左右滑动替代自定义view

    以前的左右滑动效果采用自定义scrollview或者linearlayout来实现,recyclerview可以很好的做这个功能,一般的需求就是要么一个独立的左右滑动效果,要么在一个列表里的中间部分一个左右滑动效果 而列表里面也容易,只是需要解决一点小问题,个人认为值得一提的就是高度问题,一般的人采用固定死的高度,可是在列表里面展示和机型的不同,固定死的话很难保证美观,动态的高度才能解决问题的所在 首先在一个列表控件布局上添加一个recyclerview控件 <android.support.v

  • Android自定义滚动选择器实例代码

    Android自定义滚动选择器 实现图片的效果 代码如下 package com.linzihui.widget; import android.annotation.SuppressLint; import android.content.Context; import android.graphics.Canvas; import android.graphics.Paint; import android.graphics.Paint.Align; import android.graph

随机推荐