AppBarLayout原理分析

已于 2023-11-16 16:30:52 修改
阅读量822 收藏 2
点赞数
于 2020-10-30 11:46:17 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/u011682673/article/details/109382291
版权

CoordinatorLayout AppBarLayout Behavior 嵌套滑动 滑动处理
关键词由CSDN通过智能技术生成

一、CoordinatorLayout原理

CoordinatorLayout.Behavior接口中定义了嵌套滑动的相关方法具体如下。这些方法和NestedScrollingParent中定义的方法差不多。

public static abstract class Behavior<V extends View> {
		// 这里还有事件分发的回调
		// ......
		// 这里还有事件分发的回调

		// 下面都是嵌套滑动相关的方法
        public boolean onStartNestedScroll(@NonNull CoordinatorLayout coordinatorLayout,
                @NonNull V child, @NonNull View directTargetChild, @NonNull View target,
                @ScrollAxis int axes, @NestedScrollType int type) {
            if (type == ViewCompat.TYPE_TOUCH) {
                return onStartNestedScroll(coordinatorLayout, child, directTargetChild,
                        target, axes);
            }
            return false;
        }

        public void onNestedScrollAccepted(@NonNull CoordinatorLayout coordinatorLayout,
                @NonNull V child, @NonNull View directTargetChild, @NonNull View target,
                @ScrollAxis int axes, @NestedScrollType int type) {
            if (type == ViewCompat.TYPE_TOUCH) {
                onNestedScrollAccepted(coordinatorLayout, child, directTargetChild,
                        target, axes);
            }
        }

        public void onStopNestedScroll(@NonNull CoordinatorLayout coordinatorLayout,
                @NonNull V child, @NonNull View target, @NestedScrollType int type) {
            if (type == ViewCompat.TYPE_TOUCH) {
                onStopNestedScroll(coordinatorLayout, child, target);
            }
        }

        public void onNestedScroll(@NonNull CoordinatorLayout coordinatorLayout, @NonNull V child,
                @NonNull View target, int dxConsumed, int dyConsumed, int dxUnconsumed,
                int dyUnconsumed, @NestedScrollType int type, @NonNull int[] consumed) {
            // In the case that this nested scrolling v3 version is not implemented, we call the v2
            // version in case the v2 version is. We Also consume all of the unconsumed scroll
            // distances.
            consumed[0] += dxUnconsumed;
            consumed[1] += dyUnconsumed;
            onNestedScroll(coordinatorLayout, child, target, dxConsumed, dyConsumed,
                    dxUnconsumed, dyUnconsumed, type);
        }

        public void onNestedPreScroll(@NonNull CoordinatorLayout coordinatorLayout,
                @NonNull V child, @NonNull View target, int dx, int dy, @NonNull int[] consumed,
                @NestedScrollType int type) {
            if (type == ViewCompat.TYPE_TOUCH) {
                onNestedPreScroll(coordinatorLayout, child, target, dx, dy, consumed);
            }
        }

        public boolean onNestedFling(@NonNull CoordinatorLayout coordinatorLayout,
                @NonNull V child, @NonNull View target, float velocityX, float velocityY,
                boolean consumed) {
            return false;
        }

        public boolean onNestedPreFling(@NonNull CoordinatorLayout coordinatorLayout,
                @NonNull V child, @NonNull View target, float velocityX, float velocityY) {
            return false;
        }
}

CoordinatorLayout的子控件可以指定Behavior，这样事件分发和嵌套滑动就会交给Behavior处理。这里是什么实现的呢？

CoordinatorLayout实现了NestedScrollingParent，嵌套滑动相关方法以及事件分发相关方法都会遍历调用所有子控件的Behavior中定义的相关方法。
CoordinatorLayout的onStartNestedScroll方法如下，遍历子控件的CoordinatorLayout.Behavior，然后依次调用每个子控件的CoordinatorLayout.Behavior的onStartNestedScroll方法。如果有一个子控件的onStartNestedScroll方法会true，CoordinatorLayout的onStartNestedScroll方法就会返回true。嵌套滑动相关方法以及事件分发相关方法和onStartNestedScroll类似，都是遍历调用Behavior中对应的方法。

public class CoordinatorLayout extends ViewGroup implements NestedScrollingParent2,
        NestedScrollingParent3 {
    public boolean onStartNestedScroll(View child, View target, int axes, int type) {
        boolean handled = false;

        final int childCount = getChildCount();
        // 遍历子控件的CoordinatorLayout.Behavior，然后依次调用每个子控件的CoordinatorLayout.Behavior的onStartNestedScroll方法
        for (int i = 0; i < childCount; i++) {
            final View view = getChildAt(i);
            if (view.getVisibility() == View.GONE) {
                // If it's GONE, don't dispatch
                continue;
            }
            final LayoutParams lp = (LayoutParams) view.getLayoutParams();
            final Behavior viewBehavior = lp.getBehavior();
            if (viewBehavior != null) {
                final boolean accepted = viewBehavior.onStartNestedScroll(this, view, child,
                        target, axes, type);
                handled |= accepted;
                lp.setNestedScrollAccepted(type, accepted);
            } else {
                lp.setNestedScrollAccepted(type, false);
            }
        }
        return handled;
    }
}

二、AppBarLayout为什么可以滑动

AppBarLayout滑动分为两种情况：

  1. 滑动AppBarLayout引起的滑动
  2. 滑动底部的列表引起的滑动

1、滑动AppBarLayout引起的滑动

我们分别继承了MyCoordinatorLayout、MyAppbarLayout、MyAppbarBehavior以及MyAppbarScrollingViewBehavior，在onInterceptTouchEvent和onTouchEvent中打印日志。MyCoordinatorLayout重写如下，其他类类似。

    @Override
    public boolean onInterceptTouchEvent(MotionEvent ev) {
        Log.e(TAG, "------------------------------------------------");
        Log.e(TAG, "onInterceptTouchEvent>>start");
        boolean result = super.onInterceptTouchEvent(ev);
        Log.e(TAG, "onInterceptTouchEvent>>result:" + result);
        Log.e(TAG, "------------------------------------------------");
        return result;
    }

    @Override
    public boolean onTouchEvent(MotionEvent ev) {
        Log.e(TAG, "------------------------------------------------");
        Log.e(TAG, "onTouchEvent>>start");
        boolean result = super.onTouchEvent(ev);
        Log.e(TAG, "onTouchEvent>>result:" + result);
        Log.e(TAG, "------------------------------------------------");
        return result;
    }

当我们滑动AppBarLayout时打印日志如下：

com.demo.app E/MyCoordinatorLayout: ------------------------------------------------
com.demo.app E/MyCoordinatorLayout: onInterceptTouchEvent>>start
com.demo.app E/MyAppbarBehavior: onInterceptTouchEvent>>start
com.demo.app E/MyAppbarBehavior: onInterceptTouchEvent>>result:false
com.demo.app E/MyAppbarScrollingViewBehavior: onInterceptTouchEvent>>result:false
com.demo.app E/MyAppbarBehavior: onInterceptTouchEvent>>start
com.demo.app E/MyAppbarBehavior: onInterceptTouchEvent>>result:false
com.demo.app E/MyAppbarScrollingViewBehavior: onInterceptTouchEvent>>result:false
com.demo.app E/MyCoordinatorLayout: onInterceptTouchEvent>>result:false
com.demo.app E/MyCoordinatorLayout: ------------------------------------------------

com.demo.app E/MyAppbarLayout: ------------------------------------------------
com.demo.app E/MyAppbarLayout: onInterceptTouchEvent>>start
com.demo.app E/MyAppbarLayout: onInterceptTouchEvent>>result:false
com.demo.app E/MyAppbarLayout: ------------------------------------------------

com.demo.app E/MyAppbarLayout: ------------------------------------------------
com.demo.app E/MyAppbarLayout: onTouchEvent>>start
com.demo.app E/MyAppbarLayout: onTouchEvent>>result:false
com.demo.app E/MyAppbarLayout: ------------------------------------------------

com.demo.app E/MyCoordinatorLayout: ------------------------------------------------
com.demo.app E/MyCoordinatorLayout: onTouchEvent>>start
com.demo.app E/MyAppbarBehavior: onTouchEvent>>start
com.demo.app E/MyAppbarBehavior: onTouchEvent>>result:true
com.demo.app E/MyAppbarBehavior: onTouchEvent>>start
com.demo.app E/MyAppbarBehavior: onTouchEvent>>result:true
com.demo.app E/MyCoordinatorLayout: onTouchEvent>>result:true
com.demo.app E/MyCoordinatorLayout: ------------------------------------------------

com.demo.app E/MyCoordinatorLayout: ------------------------------------------------
com.demo.app E/MyCoordinatorLayout: onTouchEvent>>start
com.demo.app E/MyAppbarBehavior: onTouchEvent>>start
com.demo.app E/MyAppbarBehavior: onTouchEvent>>result:true
com.demo.app E/MyCoordinatorLayout: onTouchEvent>>result:true
com.demo.app E/MyCoordinatorLayout: ------------------------------------------------

通过上面的日志我们可以看出整个事件处理的流程。事件最先到CoordinatorLayout的onInterceptTouchEvent，CoordinatorLayout会调用Behavior的onInterceptTouchEvent，Behavior返回false不处理事件，即CoordinatorLayout的onInterceptTouchEvent返回false。
然后事件传递到AppbarLayout的onInterceptTouchEvent，AppbarLayout返回false不拦截事件。即所有控件都没有拦截事件。
然后事件传递到AppbarLayout的onTouchEvent，AppbarLayout不处理事件返回false。
然后事件向上传递到CoordinatorLayout的onTouchEvent，CoordinatorLayout会调用子控件Behavior的onTouchEvent处理事件，AppbarLayout的Behavior的onTouchEvent处理了事件返回true，因此CoordinatorLayout的onTouchEvent也会返回true。这代表事件最终由CoordinatorLayout处理，CoordinatorLayout又会在onTouchEvent中调用Behavior的onTouchEvent，即最终事件的处理是在Behavior的onTouchEvent中。
AppBarLayout.Behavior是继承HeaderBehavior，onTouchEvent实际在HeaderBehavior中实现的。代码如下：

  public boolean onTouchEvent(
      @NonNull CoordinatorLayout parent, @NonNull V child, @NonNull MotionEvent ev) {
    boolean consumeUp = false;
    switch (ev.getActionMasked()) {
      case MotionEvent.ACTION_MOVE:
        final int activePointerIndex = ev.findPointerIndex(activePointerId);
        if (activePointerIndex == -1) {
          return false;
        }

        final int y = (int) ev.getY(activePointerIndex);
        int dy = lastMotionY - y;
        lastMotionY = y;
        // We're being dragged so scroll the ABL
        scroll(parent, child, dy, getMaxDragOffset(child), 0);
        break;
        ...
    }
 }

在ACTION_MOVE时通过scroll方法实现滑动，scroll方法最终会执行ViewCompat.offsetTopAndBottom。
因此滑动AppBarLayout时AppBarLayout滑动是通过在Behavior的onTouchEvent中实现的。但是底部的列表怎么会滑动呢？
因为AppBarLayout的底部列表的父控件是CoordinatorLayout，AppBarLayout滑动时底部列表的Behavior的onDependentViewChanged会回调。底部列表的Behavior一般设置为app:layout_behavior=“@string/appbar_scrolling_view_behavior”，即AppBarLayout中的ScrollingViewBehavior。其关键代码如下：

    @Override
    public boolean layoutDependsOn(CoordinatorLayout parent, View child, View dependency) {
      return dependency instanceof AppBarLayout;
    }

    @Override
    public boolean onDependentViewChanged(
        @NonNull CoordinatorLayout parent, @NonNull View child, @NonNull View dependency) {
      offsetChildAsNeeded(child, dependency);
      updateLiftedStateIfNeeded(child, dependency);
      return false;
    }

layoutDependsOn中是依赖AppBarLayout，即当AppBarLayout滑动时，就会回调onDependentViewChanged，在offsetChildAsNeeded中实现列表的滑动。

2. 滑动底部的列表引起的滑动

滑动底部的引起整个布局滑动是通过嵌套滑动机制实现的，嵌套滑动机制详细介绍可以看如下文章：
NestedScrolling 嵌套滑动机制

滑动NestedScrollView时，根据嵌套滑动机制会先调用NestedScrollingChild（即NestedScrollView）的startNestedScroll方法。然后就会回调到NestedScrollingParent的onStartNestedScroll方法（这里的NestedScrollingParent是CoordinatorLayout）。根据上面的说明CoordinatorLayout.onStartNestedScroll中会遍历所有子控件的Behavior执行onStartNestedScroll。
首先会调用AppBarLayout的Behavior的onStartNestedScroll方法，代码如下。正常情况下，onStartNestedScroll()是会返回true，即CoordinatorLayout 的onStartNestedScroll也返回true，也就是告诉系统我要消费滑动。后面就会回调CoordinatorLayout 的onNestedPreScroll()方法，在CoordinatorLayout 的onNestedPreScroll()中会调用AppBarLayout的Behavior的onNestedPreScroll。AppBarLayout的Behavior的onNestedPreScroll方法如下：

// AppBarLayout的Behavior的onNestedPreScroll方法。
protected static class BaseBehavior<T extends AppBarLayout> extends HeaderBehavior<T> {
    @Override
    public boolean onStartNestedScroll(
        @NonNull CoordinatorLayout parent,
        @NonNull T child,
        @NonNull View directTargetChild,
        View target,
        int nestedScrollAxes,
        int type) {
      // Return true if we're nested scrolling vertically, and we either have lift on scroll enabled
      // or we can scroll the children.
      final boolean started =
          (nestedScrollAxes & ViewCompat.SCROLL_AXIS_VERTICAL) != 0
              && (child.isLiftOnScroll() || canScrollChildren(parent, child, directTargetChild));

      if (started && offsetAnimator != null) {
        // Cancel any offset animation
        offsetAnimator.cancel();
      }

      // A new nested scroll has started so clear out the previous ref
      lastNestedScrollingChildRef = null;

      // Track the last started type so we know if a fling is about to happen once scrolling ends
      lastStartedType = type;

      return started;
    }

	public void onNestedPreScroll(CoordinatorLayout coordinatorLayout, AppBarLayout child,
	                              View target, int dx, int dy, int[] consumed, int type) {
	    if (dy != 0) {
	        int min, max;
	        if (dy < 0) {
	            // 向下滚动 
	            min = -child.getTotalScrollRange(); // 该方法上面已经讲过了，获取到可滚动距离，然后取负数
	            max = min + child.getDownNestedPreScrollRange(); // 判断有没有向下滑动需要立即滑出的距离
	        } else {
	            // 向上滚动
	            min = -child.getUpNestedPreScrollRange(); // 内部就是getTotalScrollRange()
	            max = 0;
	        }
	        if (min != max) {
	            // 通过scroll方法进行滑动处理
	            consumed[1] = scroll(coordinatorLayout, child, dy, min, max);
	        }
	    }
	}
}

通过scroll实现AppBarLayout的滑动。根据上节介绍的，因为CoordinatorLayout的原因AppBarLayout滑动后就会回调列表的Behavior的onDependentViewChanged方法，然后实现列表的滑动，所以感觉AppBarLayout和列表整个界面在一起滑动。

OneHeart..
关注
Android 5.0+ 解析（八）AppBarLayout控件
比较喜欢、笑的博客专栏
06-13 4437
AppBarLayout简单介绍 AppBarLayout 是继承LinerLayout实现的一个ViewGroup容器组件，它是为了Material Design设计的App Bar，支持手势滑动操作(需要跟CoordinatorLayout配合使用，下面会介绍如何配合CoordinatorLayout组件)。默认的AppBarLayout是垂直方向的，它的作用是把AppBarLayout
关于CoordinatorLayout AppBarLayout原理的一些分析
humorousz的专栏
03-14 749
这几天学了一些CoordinatorLayout、AppBarLayout配合使用的一些方法，之前还写了一篇CoordinatorLayout Behavior一些笔记,通过这几天对源码的阅读，现在对CoordinatorLayout、AppBarLayout这部分的内容有了更深一层的理解，接下来我就把我所理解的源码简单的分析一下。 一、 NestedScrolling机制 Coordinat...
AndroidASD完全解析05之AppBarLayout
Huawen的博客
08-16 673
前面我们介绍过ASD库中的其它几个控件，我们这一篇介绍另外一个控件–AppBarLayout。APPBarLayout继承自LinearLayout，布局方向是垂直方向，我们可以将它当成垂直布局的LinearLayout来使用。不过APPBarLayout在LinearLayout的基础之上加了一些材料设计的概念，它可以让我们定制当某个可以滚动的View的滚动手势发生变化的时候，其内部字View实现
4AppBarLayout滑动原理
litefish的专栏
09-19 7240
4AppBarLayout滑动原理在CoordinatorLayout的measure和layout里，其实介绍过一点AppBarLayout，这篇将重点讲解AppBarLayout的滑动原理以及behavior是如何影响onTouchEvent与onInterceptTouchEvent的。基本原理介绍AppBarLayout的mTotalScrollRange，mDownPreScrollRan
Material Design组件之AppBarLayout
躬行之
07-24 391
AppBarLayout 是一个垂直方向的 LinearLayout，它实现了许多符合 Material Design 设计规范的状态栏应该具有的功能，比如滚动手势。 AppBarLayout 一般直接用作 CoordinatorLayout 的直接子对象，如果 AppBarLayout 在别的布局中使用，其大部分功能会失效，AppBarLayout 需要一个标示才能够知道滚动视图什么时候滚动，...
AppBarLayout.Behavior探究
漂泊的博客
08-09 2500
Appbarlayout.Behavior 1.作用 处理嵌套滚动偏移处理 2.分析思路 从程序的执行起始点开始分析 3.层级结构 Appbarlayout --> HeaderBehavior --> ViewOffsetBehavior --> Coordinatorlayout.Behavior 4.嵌套处理 onStartNestedScroll 决定是否嵌套滚动 条件
CoordinatorLayout 和 AppbarLayout 联动原理解析
zzx410527的专栏
05-12 1522
下图是CoordinatorLayout布局中很常见的一种效果，很多人应该都见过，当我们用手指滑动RecyclerView的时候，不单止RecyclerView会上下滑动，顶部的Toolbar也会随着RecyclerView的滑动隐藏或显现，实现代码的布局如下： 具体代码： <?xml version="1.0" encoding="utf-8"?> <android....
谷歌AppBarLayout布局
04-04
源码分析对于理解其工作原理和定制自己的滚动动画是非常有价值的。 首先，AppBarLayout的常见用法包括： 1. **与Toolbar结合**：将Toolbar作为AppBarLayout的第一个子视图，可以轻松地创建一个标准的应用栏。 ```...
WebView和AppBarLayout嵌套滑动联动无效分析及解决办法
忆_析风的博客
07-30 5272
WebView和AppBarLayout嵌套滑动无效分析及解决办法 目录 WebView和AppBarLayout嵌套滑动无效分析及解决办法 目录 序章 引题 Materials Design中AppBarLayout嵌套滑动的基本实现. 问题 分析 解决 嵌套滑动接口实现 重写onTouchEvent 解决惯性滑动时的嵌套滑动 终章 示例源码 序章 上两篇博...
AppBarLayout应用标题栏容器
09-19
通过分析和运行这个示例，开发者可以更好地理解AppBarLayout的工作原理和使用方式。 总的来说，AppBarLayout是Android开发中实现高级标题栏效果的重要工具，它结合了Material Design的设计理念，提供了丰富的交互和...
Android代码-AppbarLayoutBehavior
08-06
AppBarLayoutBehavior 解决AppbarLayout滑动问题的behavior 问题描述 快速滑动AppBarLayout会出现回弹； 快速滑动AppBarLayout到折叠状态下，立马下拉会出现抖动现象； 滑动AppBarLayout过程中，无法像RecyclerView那样通过手指按下停止滚动。 如何使用 gradle Step 1. Add the JitPack repository in your root build.gradle at the end of repositories: allprojects { repositories { ... maven { url 'https://jitpack.io' } } } Step 2. Add the dependency in your app build.gradle: dependencies { implementation 'com.github.yuruiyin:AppbarLayoutBehavior:v1.0.1' } xm
AppBarLayout
01-22
这是一个带图片，上划则图片缩小的demo，接口现在最新的技术AppBarLayout CoordinatorLayout toolbar recyclerview
AppBarLayout结合CoordinateLayout
06-02
AppBarLayout结合CoordinateLayout和Toolbar以及CollapsingToolbarLayout
AppBarLayout实现上滑隐藏ToolBar
03-30
AppBarLayout实现上滑隐藏ToolBar,下滑出现
AppbarLayout的使用
Ocean的博客
07-11 449
AppbarLayout的简单用法 在许多App中看到, toolbar有收缩和扩展的效果, 例如: appbar.gif 要实现这样的效果, 需要用到: CoordinatorLayout和AppbarLayout的配合, 以及实现了NestedScrollView的布局或控件. AppbarLayout是一种支持响应滚...
AppBarLayout 简单使用
默小铭的博客
10-24 1万+
导读本篇文章将介绍Materia_Design控件,design包中的AppBarLayout的简单使用说明控件简介 AppbarLayout继承于LinearLayout,是一个垂直的LinearLayout,它实现了Material Design的许多功能和特性,即滚动手势(Scrolling Gestures) 我们可以定义行为Behavior,当某个可滑动View(如ListView)滑动手
Android基础知识 - AppbarLayout
热门推荐
weixin_43636084的博客
03-29 1万+
AppbarLayout
appbarlayout viewpager
最新发布
05-12
AppBarLayout和ViewPager是Android开发中常用的两个UI组件。AppBarLayout是Material Design中的一个布局容器，可用于显示应用程序的标题栏和工具栏等内容。而ViewPager则是一个可滑动的容器，可用于实现页面滑动切换的效果。 通常情况下，我们会将AppBarLayout和ViewPager结合使用。这样可以实现一个带有标签页选项卡的界面，用户可以在不同的标签页中切换，同时顶部的标题栏和工具栏也可以相应地变化。 在实现这个功能时，我们可以将AppBarLayout作为ViewPager的父布局，然后将不同的Fragment作为ViewPager的子页面。这样，当用户滑动ViewPager时，AppBarLayout的位置和外观也会相应地发生变化，以适应不同的子页面。 例如，我们可以在AppBarLayout中设置两个子布局，一个用于显示顶部的标题栏，另一个用于显示标签页选项卡。当用户滑动到不同的标签页时，AppBarLayout中的标签页选项卡会相应地变化，以反映当前所在的标签页。 综上所述，AppBarLayout和ViewPager是两个重要的Android UI组件，它们的结合可以实现复杂的界面效果，给用户带来更好的用户体验。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值