Android NestedScrolling嵌套滚动的示例代码

一、什么是NestedScrolling?

Android在Lollipop版本中引入了NestedScrolling——嵌套滚动机制。在Android的事件处理机制中,事件序列只能由父View和子View中的一个处理。在嵌套滚动机制中,子View处理事件前会将事件传给父View处理,两者协作配合处理事件。

在嵌套滚动机制中,父View需实现NestedScrollingParent接口,子View需要实现NestedScrollingChild接口。从Lollipop起View都已经实现了NestedScrollingChild的方法。嵌套滚动过程如下:

  1. 开始滚动前,子View调用startNestedScroll方法。该方法会调用父View的onStartNestedScroll方法并返回onStartNestedScroll的值。如果返回true,则表示父View愿意接收后续的滚动事件,此时父View的onNestedScrollAccepted会被调用。该方法一般是在子View处理DOWN事件时调用。
  2. 子View滚动某个距离前,调用dispatchNestedPreScroll方法,把滚动距离传给父View。该方法回调父View的onNestedPreScroll方法,如果父View需要消耗滚动距离,只需要把需要消耗的距离赋给onNestedPreScroll方法的参数consumed。该参数是一个数组,consumed[0]表示消耗的水平滚动距离,consumed[1]表示消耗的垂直滚动距离。dispatchNestedPreScroll返回true则表示父View消耗了部分或者全部滚动距离。
  3. 子View滚动某个距离后,调用dispatchNestedScroll方法。如果该方法返回true则表示,子View会调用父View的onNestedScroll方法,把已消耗和未消耗的滚动距离传给父View。
  4. 子View处理Fling事件前,调用dispatchNestedPreFling方法。该方法会调用父View的onNestedPreFling并返回onNestedPreFling的值。如果true,则表示父View处理消耗了该Fling事件,则子View不应该处理该Fling事件。
  5. 如果dispatchNestedPreFling方法返回false,子View在处理Fling事件后会调用dispatchNestedFling方法,该方法会调用父View的onNestedFling方法。onNestedFling方法返回true表示父View消耗或处理了Fling事件。
  6. 当子View停止滚动时,调用stopNestedScroll方法。该方法会调用父View的onStopNestedScroll方法。

上面提及的各个方法的具体用法请参考官方文档。

二、怎么实现NestedScrollingChild?

Android为NestedScrollingChild提供了一个代理类NestedScrollingChildHelper。所以,NestedScrollingChild的最简单的实现如下。

public class NestedScrollingChildView extends FrameLayout implements NestedScrollingChild {

 private final NestedScrollingChildHelper mChildHelper;

 public NestedScrollView(Context context, AttributeSet attrs, int defStyleAttr) {
 super(context, attrs, defStyleAttr);
 mChildHelper = new NestedScrollingChildHelper(this);
 }

 @Override
 public void setNestedScrollingEnabled(boolean enabled) {
 mChildHelper.setNestedScrollingEnabled(enabled);
 }

 @Override
 public boolean isNestedScrollingEnabled() {
 return mChildHelper.isNestedScrollingEnabled();
 }

 @Override
 public boolean startNestedScroll(int axes) {
 return mChildHelper.startNestedScroll(axes);
 }

 @Override
 public void stopNestedScroll() {
 mChildHelper.stopNestedScroll();
 }

 @Override
 public boolean hasNestedScrollingParent() {
 return mChildHelper.hasNestedScrollingParent();
 }

 @Override
 public boolean dispatchNestedScroll(int dxConsumed, int dyConsumed, int dxUnconsumed,
  int dyUnconsumed, int[] offsetInWindow) {
 return mChildHelper.dispatchNestedScroll(dxConsumed, dyConsumed, dxUnconsumed, dyUnconsumed,
  offsetInWindow);
 }

 @Override
 public boolean dispatchNestedPreScroll(int dx, int dy, int[] consumed, int[] offsetInWindow) {
 return mChildHelper.dispatchNestedPreScroll(dx, dy, consumed, offsetInWindow);
 }

 @Override
 public boolean dispatchNestedFling(float velocityX, float velocityY, boolean consumed) {
 return mChildHelper.dispatchNestedFling(velocityX, velocityY, consumed);
 }

 @Override
 public boolean dispatchNestedPreFling(float velocityX, float velocityY) {
 return mChildHelper.dispatchNestedPreFling(velocityX, velocityY);
 }
}

然后,在适当的时机调用如下方法:
1.startNestedScroll
2.dispatchNestedPreScroll
3.dispatchNestedScroll
4.dispatchNestedPreFling
5.dispatchNestedFling
6.stopNestedScroll

三、怎么实现NestedScrollingParent?

Android为NestedScrollingParent提供了一个代理类NestedScrollingParentHelper。NestedScrollingParent的最简单实现如下。

public class NestedScrollView extends FrameLayout implements NestedScrollingParent {
private final NestedScrollingParentHelper mParentHelper;

 public NestedScrollView(Context context, AttributeSet attrs, int defStyleAttr) {
 super(context, attrs, defStyleAttr);
 mParentHelper = new NestedScrollingParentHelper(this);
 }

 @Override
 public boolean onStartNestedScroll(View child, View target, int nestedScrollAxes) {
 ...
 return (nestedScrollAxes & ViewCompat.SCROLL_AXIS_VERTICAL) != 0;
 }

 @Override
 public void onNestedScrollAccepted(View child, View target, int axes) {
 mParentHelper.onNestedScrollAccepted(child, target, axes);
 ...
 }

 @Override
 public void onNestedPreScroll(View target, int dx, int dy, int[] consumed) {
 ...
 }

 @Override
 public void onNestedScroll(View target, int dxConsumed, int dyConsumed, int dxUnconsumed, int dyUnconsumed) {
 ...
 }

 @Override
 public boolean onNestedPreFling(View target, float velocityX, float velocityY) {
 ...
 return false;
 }

 @Override
 public boolean onNestedFling(View target, float velocityX, float velocityY, boolean consumed) {
 ...
 return false;
 }

 @Override
 public void onStopNestedScroll(View child) {
 mParentHelper.onStopNestedScroll(child);
 }

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

四、NestedScrollingChildHelper的代码分析

public boolean startNestedScroll(int axes) {
 if (hasNestedScrollingParent()) {
  // Already in progress
  return true;
 }
 if (isNestedScrollingEnabled()) {
  ViewParent p = mView.getParent();
  View child = mView;
  while (p != null) {
  if (ViewParentCompat.onStartNestedScroll(p, child, mView, axes)) {
   mNestedScrollingParent = p;
   ViewParentCompat.onNestedScrollAccepted(p, child, mView, axes);
   return true;
  }
  if (p instanceof View) {
   child = (View) p;
  }
  p = p.getParent();
  }
 }
 return false;
 }

startNestedScroll方法从NestedScrollingChild向上查找愿意接收嵌套滚动事件的父View,如果找到了则调用父View的onNestedScrollAccepted方法。ViewParentCompat是父View的兼容类,该类会判断版本,如果在Lollipop及以上则调用View自带的方法。否则,调用NestedScrollingParent的接口方法。

public boolean dispatchNestedPreScroll(int dx, int dy, int[] consumed, int[] offsetInWindow) {
 if (isNestedScrollingEnabled() && mNestedScrollingParent != null) {
  if (dx != 0 || dy != 0) {
  int startX = 0;
  int startY = 0;
  if (offsetInWindow != null) {
   mView.getLocationInWindow(offsetInWindow);
   startX = offsetInWindow[0];
   startY = offsetInWindow[1];
  }

  if (consumed == null) {
   if (mTempNestedScrollConsumed == null) {
   mTempNestedScrollConsumed = new int[2];
   }
   consumed = mTempNestedScrollConsumed;
  }
  consumed[0] = 0;
  consumed[1] = 0;
  ViewParentCompat.onNestedPreScroll(mNestedScrollingParent, mView, dx, dy, consumed);

  if (offsetInWindow != null) {
   mView.getLocationInWindow(offsetInWindow);
   offsetInWindow[0] -= startX;
   offsetInWindow[1] -= startY;
  }
  return consumed[0] != 0 || consumed[1] != 0;
  } else if (offsetInWindow != null) {
  offsetInWindow[0] = 0;
  offsetInWindow[1] = 0;
  }
 }
 return false;
 }

调用父View的onNestedPreScroll方法并记录滚动偏移量。参数offsetInWindow是一个长度为2的一位数组,记录滚动的偏移量,用来修改Touch事件的坐标,保证下次滚动的准确性。dispatchNestedScroll方法也同理。

五、举个例子

实现一个简单的NestedScrollingParent。该View包含一个头部View和RecyclerView。RecyclerView已经实现了NestedScrollingChild接口方法。向上滚动时,如果头部没有完全收起,则向上滚动头部。如果头部收起才滚动RecyclerView。向下滚动时,如果头部收起,则向下滚动头部,否则滚动RecyclerView。

public class HeaderLayout extends LinearLayout implements NestedScrollingParent {

 private NestedScrollingParentHelper mParentHelper;

 private int headerH;

 private ScrollerCompat mScroller;

 private boolean resetH = false;

 public HeaderLayout(Context context) {
 this(context, null);
 }

 public HeaderLayout(Context context, AttributeSet attrs) {
 this(context, attrs, 0);
 }

 public HeaderLayout(Context context, AttributeSet attrs, int defStyleAttr) {
 super(context, attrs, defStyleAttr);

 mParentHelper = new NestedScrollingParentHelper(this);
 mScroller = ScrollerCompat.create(this.getContext());
 }

 @Override
 protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) {
 super.onMeasure(widthMeasureSpec, heightMeasureSpec);

 headerH = getChildAt(0).getMeasuredHeight();
 }

 @Override
 public boolean onStartNestedScroll(View child, View target, int nestedScrollAxes) {
 return (nestedScrollAxes & ViewCompat.SCROLL_AXIS_VERTICAL) != 0;
 }

 @Override
 public void onNestedScrollAccepted(View child, View target, int axes) {
 mParentHelper.onNestedScrollAccepted(child, target, axes);
 }

 @Override
 public void onNestedPreScroll(View target, int dx, int dy, int[] consumed) {
 int scrollY = getScrollY();
 if (dy > 0 && scrollY < headerH && scrollY >= 0) {
  int consumedY = Math.min(dy, headerH - scrollY);
  consumed[1] = consumedY;
  scrollBy(0, consumedY);

  if (!resetH) {
  resetH = true;
  int w = getWidth();
  int h = getHeight() + headerH;
  setLayoutParams(new FrameLayout.LayoutParams(w, h));
  }
 } else if (dy < 0 && scrollY == headerH) {
  consumed[1] = dy;
  scrollBy(0, dy);
 } else if (dy < 0 && scrollY < headerH && scrollY > 0) {
  int consumedY = Math.max(dy, -scrollY);
  consumed[1] = consumedY;
  scrollBy(0, consumedY);
 }
 }

 @Override
 public void onNestedScroll(View target, int dxConsumed, int dyConsumed, int dxUnconsumed, int dyUnconsumed) {
 }

 @Override
 public boolean onNestedPreFling(View target, float velocityX, float velocityY) {
 int scrollY = getScrollY();
 if (velocityY > 0 && scrollY < headerH && scrollY > 0) {
  if (!mScroller.isFinished()) {
  mScroller.abortAnimation();
  }
  mScroller.fling(0, scrollY, (int)velocityX, (int)velocityY, 0, 0, 0, headerH);
  ViewCompat.postInvalidateOnAnimation(this);
  return true;
 }
 return false;
 }

 @Override
 public boolean onNestedFling(View target, float velocityX, float velocityY, boolean consumed) {
 return false;
 }

 @Override
 public void onStopNestedScroll(View child) {
 mParentHelper.onStopNestedScroll(child);
 }

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

 @Override
 public void computeScroll() {
 if (mScroller.computeScrollOffset()) {
  scrollTo(mScroller.getCurrX(), mScroller.getCurrY());
  postInvalidate();
 }
 }
}

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持我们。

(0)

相关推荐

  • 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

  • vue实现图片滚动的示例代码(类似走马灯效果)

    上次写了一个简单的图片轮播,这个相当于在上面的一些改进.这个组件除了可以进行图片滚动外,也可以嵌入任何内容的标签进行滚动,里面用了slot进行封装. 父: <template> <div id="app"> <er-carousel-index :typeNumber=2 :pageNumber=3 :timeSpace=2 :duration=2 :isOrNotCircle="true" url="/src/js/inde

  • 微信小程序清空输入框信息与实现屏幕往上滚动的示例代码

    微信小程序,是属于小程序的一种,英文名为Wechat Mini Program,是一种不需要下载安装即可使用的应用,它实现了应用"触手可及"的梦想,用户扫一扫或搜一下即可打开应用.微信小程序也是基于H5,JS的开发. 一. 清空输入框信息(重置输入框信息恢复默认值) 这是我在微信小程序实训开发的过程中出现的问题,多次思考后终于解决了输入框内已发送的消息无法被清空这个问题.从另一个角度说可以把清空输入框信息理解为重置输入框信息恢复初始默认值.以下是我的解决方案,希望对你们有所帮助. 首先

  • 在Vue中使用CSS3实现内容无缝滚动的示例代码

    一.效果预览 最近在做一个活动页面,遇到幸运用户中奖的滚动公告需求.下面是实现效果: (gif录制略显卡顿,实际效果很流畅) 二.无缝滚动原理 1.容器宽高固定,超出内容隐藏: 2.内容准备2份,现参与滚动的内容有A.B两份,向左滚动: 3.滑动过程中,B份紧随A份之后,营造出无缝滚动回来的效果: 4.在A部分内容完全滚出容器的一瞬间,立刻将AB内容位置复原,由于A.B内容一模一样,这个复原过程很难看出来: 5.循环第3步: 三.代码 1.html部分 <template> <div c

  • vue轻松实现虚拟滚动的示例代码

    目录 前言 滚动原理 实现 源代码 参考 前言 移动端网页的日常开发中,偶尔会包含一些渲染长列表的场景.比如某旅游网站需要完全展示出全国的城市列表,再有将所有通讯录的姓名按照A,B,C...首字母依次排序展示. 长列表的数量一般在几百条范围内不会出现意外的效果,浏览器本身足以支撑.可一旦数量级达到上千,页面渲染过程会出现明显的卡顿.数量突破上万甚至十几万时,网页可能直接崩溃了. 为了解决长列表造成的渲染压力,业界出现了相应的应对技术,即长列表的虚拟滚动. 虚拟滚动的本质,不管页面如何滑动,HTM

  • Android实现微信登录的示例代码

    目录 一.布局界面 二.MainActivity.java 微信登录的实现与qq登录类似.不过微信登录比较麻烦,需要拿到开发者资质认证,花300块钱,然后应用的话还得有官网之类的,就是比较繁琐的前期准备工作,如果在公司里,这些应该都不是事,会有相关人提前准备好.在这里我们已经拿到了开发者认证,并且申请到了微信登录的授权. 现在直接介绍mob来实现微信登录的代码,并获取微信的相关数据,比较简单. 一.布局界面 布局界面只需要一个button来触发授权就可以 <Button android:id=&qu

  • Android绘制平移动画的示例代码

    目录 1.具体操作步骤 2.具体实施 创建ImageView 创建ObjectAnimator对象 3.具体实例 activity_main.xml MainActivity.java 1.具体操作步骤 创建ImageView对象 创建ObjectAnimator对象 通过ofFloat方法实现平移 2.具体实施 创建ImageView <ImageView android:id="@+id/car" android:layout_width="wrap_content

  • ElementUI table无缝循环滚动的示例代码

    恰好实习的时候遇到了这个需求,而且网上的代码有点僵硬,所以我改了改,顺手水一篇博客出来. 部分思路来源:https://blog.csdn.net/qq_38543537/article/details/122842943 但是来源的代码,在滚动到底部时会有非常生硬的切换,我这里改了一些代码,让它的滚动变得流畅. 效果: 代码: HTML: <el-table ref="table" :data="TableData" stripe style="w

  • android开发权限询问的示例代码

    现在基于信息安全问题,特别是版本是23以上权限越严格. 特别是拍照,读,写权限 一般权限允许过,下次就不用询问了的,所以很多应用都喜欢在首页或者启动页直接询问,不允许的就用不了1.下面给出封装好的类,至于什么时候调看项目需要 public class EasyPermissions { private static final String TAG = "EasyPermissions"; public interface PermissionCallbacks extends Act

  • Android本地视频压缩方案的示例代码

    前言 本文讨论的不是类似秒拍的短视频录制,而是用户选择本地一个现有视频,压缩后上传.秒拍的实现其实是自定义视频录制功能,从而控制录制时长,分辨率,码率等,生成体积很小的视频再上传.而我们则没办法控制原视频的参数,可能是一个很大的视频需要压缩处理. 思路 利用ffmpeg对视频转码,通过设定参数生成分辨率和码率更小的视频,实现压缩.当然,ffmpeg的功能远不止如此,这是一个很大的专题. 用到的开源库:https://github.com/WritingMinds/ffmpeg-android-j

随机推荐