CoordinatorLayout。当我尝试滚动AppBarLayout区域时，滚动停止

时，CoordinatorLayout会根据滚动的位置和速度自动调整子视图的位置和行为。它是Android Support Library中的一个布局容器，用于实现复杂的交互效果和协调子视图之间的行为。

CoordinatorLayout的特点和优势包括：

协调子视图之间的行为：CoordinatorLayout可以根据子视图之间的关系和滚动事件来调整它们的位置和行为，实现复杂的交互效果。
支持AppBarLayout：AppBarLayout是CoordinatorLayout的常用子视图，用于实现可折叠的标题栏和工具栏效果。
灵活的布局：CoordinatorLayout可以自由组合和嵌套其他视图，实现各种复杂的布局效果。
支持滚动事件：CoordinatorLayout可以监听子视图的滚动事件，并根据滚动的位置和速度来调整其他子视图的位置和行为。
支持自定义行为：开发者可以通过自定义Behavior来扩展CoordinatorLayout的行为，实现更多自定义的交互效果。

在滚动AppBarLayout区域时，滚动停止时的具体行为取决于子视图的布局和设置的Behavior。一般情况下，当滚动停止时，CoordinatorLayout会根据子视图的位置和滚动的位置来自动调整其他子视图的位置和行为。

推荐的腾讯云相关产品和产品介绍链接地址：

腾讯云移动开发平台：https://cloud.tencent.com/product/mpp
腾讯云云原生应用引擎：https://cloud.tencent.com/product/tek
腾讯云数据库：https://cloud.tencent.com/product/cdb
腾讯云服务器：https://cloud.tencent.com/product/cvm
腾讯云音视频处理：https://cloud.tencent.com/product/mps
腾讯云人工智能：https://cloud.tencent.com/product/ai
腾讯云物联网平台：https://cloud.tencent.com/product/iotexplorer
腾讯云存储：https://cloud.tencent.com/product/cos
腾讯云区块链：https://cloud.tencent.com/product/baas
腾讯云元宇宙：https://cloud.tencent.com/product/vr

相关·内容

详解android特性之CoordinatorLayout用法探析实例

当我在AS上新建一个module时，系统默认的最外层布局不再是我们熟悉的五大布局中的一种，而是一个全新的布局：CoordinatorLayout。...要想要ToolBar响应滚动事件，这里我们需要用到一个控件：AppBarLayout，这个控件必须作为CoordinatorLayout的直接子View，才会响应滚动事件。...通过效果显示，当视图在滚动的时候，ToolBar滚出了屏幕，为内容区域留出了更大空间。...exitUntilCollapsed: 同样顾名思义，这个flag时定义何时退出，当你定义了一个minHeight，这个view将在滚动到达这个最小高度的时候消失。...当滚动发生的时候，CoordinatorLayout会尝试触发那些声明了依赖的子view。

8544 1

AppBarLayout学习

AppBarLayout很多行为依赖于CoordinatorLayout。如果你使用别的ViewGroup装AppBarLyout，很多功能就没有了。...滚动到最顶层时，子View响应滚动事件。...松开手指时，依据AppBarLayout移出屏幕区域与生育可视区域对比，自动移向占比大的区域。...可以理解为设置了enterAlways属性的View在向下滚动时的优先级高于ScrollView本身，可以实现分段滚动的效果。...exitUtilCollapsed用于设置向上滚动时的最小高度，吸顶的功能。

1.1K3 0

CoordinatorLayout与滚动的处理

扩展或者缩小Toolbar或者头部，让主内容区域有更多的空间。 ? 控制哪个view应该扩展还是收缩，以及其显示大小比例，包括视差滚动效果parallax scrolling effects 动画。...然后，我们需要定义AppBarLayout与滚动视图之间的联系。...RecyclerView的任意滚动事件都将触发AppBarLayout或者AppBarLayout里面view的改变。...exitUntilCollapsed: 同样顾名思义，这个flag时定义何时退出，当你定义了一个minHeight，这个view将在滚动到达这个最小高度的时候消失。...当滚动发生的时候，CoordinatorLayout会尝试触发那些声明了依赖的子view。

7012 0

细说 AppbarLayout,如何理解可折叠 Toolbar 的定制

当我们运用 support design 中的组件时，我们应该拥有下面几个最基本的意识： 1....当 AppBarLayout 中的内容要从 CoordinatorLayout 外面进入内部时，我们用 enter 指代这种行为，对应的手势就是向下滑动。...也就是说 snap 代表一种吸附的行为，当一个滑动事件结束后，Toolbar 会向最接近它的边缘自行滚动。那什么是最近的概念呢？比如向上滑动时，如果滑过了一半它就向上滚动，否则滚动回原来的地方。...黄色区域是 Toolbar,可以看到由于受到 parallax 模式的影响，ImageView 的滚动速度比 Toolbar 要慢。...喜欢追根究底的同学可以自己尝试下阅读相关的源码，分析 AppBarLayout 与 CoordinatorLayout 及 Toolbar 的联动机制。

2.6K3 0

NestedScrollView 嵌套 ListView 实现滑动折叠效果

app:layout_scrollFlags="scroll|exitUntilCollapsed" 表示CoordinatorLayout的依赖元素滚动的时候，进行折叠。...enterAlways - 实现quick return效果, 当向下移动时，立即显示View(比如Toolbar). exitUntilCollapsed - 向上滚动时收缩View，但可以固定Toolbar...enterAlwaysCollapsed - 当你的View已经设置minHeight属性又使用此标志时，你的View只能以最小高度进入，只有当滚动视图到达顶部时才扩大到完整高度。...MeasureSpec.AT_MOST); super.onMeasure(widthMeasureSpec, expandSpec); } } 解决NestedScrollView嵌套的listView滚动时无响应...当我们给一个view设置app:layout_anchor时，在最新的23.2.0包会出现问题，解决办法是用android:layout_gravity="bottom|end" 替换。

3.3K5 0

用 CoordinatorLayout 处理滚动

> 响应滚动事件接下来，我们必须使用一个叫做 AppBarLayout 的容器布局来使 ToolBar 响应滚动事件： <android.support.design.widget.AppBarLayout...view 上发生滚动事件时通知 AppBarLayout。...使用 CoordinatorLayout 时出错的方式有很多种，当你发现出错时可以在这里添加提示。...当滚动事件发生时，CoorinatorLayout 尝试去触发那些被声明为依赖项的子 View。...例如 AppBarLayout.Behavior 就定义了这两个关键方法。此 behavior 用来在滚动事件发生时触发 AppBarLayout 上的改变。

4.7K9 2

Android开发笔记（一百三十五）应用栏布局AppBarLayout

对于大家关心的额外功能，则主要有以下几点： 1、支持响应主体页面的滑动行为，即在主体页面上移或者下拉时，AppBarLayout能够捕捉到主体页面的滚动操作； 2、AppBarLayout捕捉到滚动操作之后...下面是AppBarLayout结合RecyclerView的布局文件代码例子： <android.support.design.widget.CoordinatorLayout xmlns:android...下面是AppBarLayout结合NestedScrollView的布局文件代码例子： <android.support.design.widget.CoordinatorLayout xmlns:android...这还得从CoordinatorLayout说起，查看CoordinatorLayout的源代码，发现它实现了接口NestedScrollingParent，奥秘就在其中，该接口定义了嵌套滚动的父辈行为，...然后主体向下滚动，滚到位后头部继续向下展开。 5、snap : 在用户手指松开时，系统自行判断，接下来是全部向上滚到顶，还是全部向下展开。

1.9K4 0

自定义Behavior —— 仿知乎，FloatActionButton隐藏与展示

主要介绍了APPBarLayout和CollapsingToolbarLayout的基本用法，AppBarLayout主要用来实现在滚动的时候ToolBar的隐藏于展示，CollapsingToolbarLayout...) // 当嵌套滑动的时候，target 尝试滑动或者正在滑动会调用这个方法 onNestedScroll(CoordinatorLayout coordinatorLayout, V child,...= 0;//判断是否竖直滚动 } //在嵌套滑动进行时，对象消费滚动距离前回调 @Override public void onNestedPreScroll(CoordinatorLayout...coordinatorLayout, View child, View target, int dx, int dy, int[] consumed) { //dy大于0是向上滚动小于...0是向下滚动 if (dy >=0&&!

1K1 1

Android开发笔记（一百三十六）可折叠工具栏布局CollapsingToolbarLayout

可折叠工具栏布局CollapsingToolbarLayout 上一篇博文《Android开发笔记（一百三十五）应用栏布局AppBarLayout》阐述了如何把Toolbar往上滚动，那反过来，...下面是Toolbar采用pin模式时的效果图，可以看到红色区域始终不动： ? 下面是Toolbar采用parallax模式时的效果图，可以看到红色区域会随着滚上去再滚下来。...> 与CollapsingToolbarLayout有关的滚动标志上一篇博文《Android开发笔记（一百三十五）应用栏布局AppBarLayout》说过，AppBarLayout的子控件共有五个滚动标志...具体的滚动说明如下所示：向上滚动：头部先往上收缩，一直滚到折叠的最小高度。然后头部与主体先一起滚动，头部滚到位后，主体继续向上。向下滚动：头部与主体先一起滚动，一直滚到头部折叠的最小高度。...5、snap : 在用户手指松开时，系统自行判断，接下来是全部向上滚到顶，还是全部向下展开。同时声明scroll和snap，滚动效果如下图所示： ?

3.1K3 0

【Android】这效果，我没法描述

思路先说说实现的思路吧，上面的效果大致可以分成两个部分： 1、Tab向上滚动到顶部时悬浮 Tab滚动后悬浮在顶部嘛~~ 这效果使用CoordinatorLayout + AppBarLayout就能轻松实现...接着监听AppBarLayout的滚动，利用topMargin实现被“顶上去”的效果拆分完毕，接下来就是实现了实现 Tab的悬浮效果利用CoordinatorLayout、AppBarLayout...这时候只要在MainActivity中对AppBarLayout的滚动进行监听即可。...滚动的进行监听（向上滚动时，verticalOffset值的变化为：0、-1 、-2 ......Tips 问题：使用CoordinatorLayout时，滚动不流畅问题解决方案：可以写个Behavior添加到AppBarLayout中。

9615 0

高仿支付宝9.9.2版本生活模块界面来讲解CoordinatorLayout，AppBarLayout，CollapsingToolbarLayout

> 1.CoordinatorLayout 这就是整个高仿支付宝界面的核心布局界面的，看看代码量也不多吧，只要就是用了 CoordinatorLayout，AppBarLayout，CollapsingToolbarLayou...2.AppBarLayout 其次就是AppBarLayout，去除官方解释，简单来说就是它可以让你定制当某个可滚动View的滚动手势发生变化时，其内部的子View实现何种动作。...enterAlways:值设为enterAlways的View,当ScrollView往下滚动时，该View会直接往下滚动。而不用考虑ScrollView是否在滚动。...View就暂时不去往下滚动，直到ScrollView滑动到顶部不再滑动时，View再继续往下滑动，直到滑到View的顶部结束。...最后snap这是属性是子View不会存在局部显示的情况，滚动Child View的部分高度，当我们松开手指时，Child View要么向上全部滚出屏幕，要么向下全部滚进屏幕。

1.1K2 0

Android 三级NestedScroll嵌套滚动实践

三级嵌套滚动一个常见的嵌套滚动例子是 CoordinatorLayout/AppbarLayout – RecyclerView, 实现的效果是向上滑动列表时，会先将 AppbarLayout 向上滑动直到完全折叠...这里的滑动逻辑是：向上滑动时，最先折叠刷新动画，向下滑动时最后展开刷新动画。向上滑动列表时先折叠 AppbarLayout，AppbarLayout 完全折叠后再折叠搜索框。...向下滑动列表时在展开 AppbarLayout 之前先展开搜索框。列表没滑动到顶部时可以通过触发一定速度的向下 fling 来展开搜索框。...可以发现这里除了 CoordinatorLayout/AppbarLayout – RecyclerView 这对嵌套滚动的 Parent 和 Child 之外还多了搜索框和刷新动画，而这三者之间的滑动逻辑需要通过嵌套滚动实现...再新建一个自定义 Layout 继承 CoordinatorLayout 实现 NestedScrollingChild2 接口，负责拦截列表分发上来的滚动事件或者处理 AppbarLayout 消费后剩下的滚动事件

1.5K3 0

弹窗查看内容时内容滚动区域设置为body区

看到渣浪的查看文章或者查看大图有个效果：弹窗查看内容时，如果内容过长有滚动条，则滚动条会被放到body区滚动什么意思呢？...看个图片，一般正常弹窗是有宽高限制的，如果内容过长则直接在弹窗中进行滚动点我预览 ?...将滚动位置放到整个body中，让弹窗中内容自适应高度这么做的好处自然很明显，body区域有更大的可视区域，来看看最后的效果点我预览 ?...body区 function showLayerScrollInBody(setPageScroll) { // 模拟：确保显示弹窗前页面由垂直方向滚动条 setPageScroll &...，还要注意页面的滚动条会不会和弹窗中的滚动条产生冲突，如 ?

1.2K2 0

CoordinatorLayout使用全解析

当CollapsingToolbarLayout的子布局设置了parallax模式时，我们还可以通过app:layout_collapseParallaxMultiplier设置视差滚动因子，值为：0~...> 然后，我们需要定义AppBarLayout与滚动视图之间的联系。...相匹配，用来通知AppBarLayout 这个特殊的view何时发生了滚动事件，这个behavior需要设置在触发事件（滚动）的view之上。...RecyclerView的任意滚动事件都将触发AppBarLayout或者AppBarLayout里面view的改变。...exitUntilCollapsed: 同样顾名思义，这个flag时定义何时退出，当你定义了一个minHeight，这个view将在滚动到达这个最小高度的时候消失。

1.9K2 0

自定义 Behavior，实现嵌套滑动、平滑切换周月视图的日历

本文尝试用自定义 Behavior 实现一个带有这种效果的日历。...简介先上个小米日历的图，让大家知道要做一个什么效果： [strip] 这是小米日历的效果，在用户操作列表的时候，将日历折叠成周视图，扩大列表的显示区域，同时也不影响日历部分的功能使用，有趣且实用。...看一下 AppBarLayout 的源码就知道了，它默认已经给自己配了： @CoordinatorLayout.DefaultBehavior(AppBarLayout.Behavior.class)...= 0; } onNestedPreScroll 这个方法是在准备滚动之前调用的，它带有滚动偏移量 dy。...滚动时，日历也向上滚动，最多到当前选中日期那一行，滚动范围和当前选中日期有关。

3.1K1 0

Android CoordinatorLayout高级用法之自定义Behavior

view的滚动行为来改变自己的状态，现在我们就需要重写下面的方法了： public boolean onStartNestedScroll(CoordinatorLayout coordinatorLayout...在layoutDependsOn中，我们设置让View的状态来跟随AppBarLayout，也就是说只有AppBarLayout的状态发生变化才会影响到View。...在效果图上我们看到，当我们上下滑动屏幕的时候，底部footer布局和标题Toolbar一起移动，实现了显示和隐藏的效果。...因为这个是根据CoordinatorLayout里子view的滚动行为来改变我们的状态的，所以情况1中的2个方法我们就不需要重写了。下面，我们用情况2来实现上面的效果。...target：CoordinatorLayout的子View，引起滚动的view，其实child的状态改变是根据target来实现的。

1.5K2 1

Android--AppBarLayout基本使用

AppBarLayout一般用于赋予Toolbar（不限于Toolbar）滚动行为，AppBarLayout是一个垂直的LinearLayout，实现了Material Design中app bar的scrolling...AppBarLayout的子View应该声明想要具有的“滚动行为”，这可以通过layout_scrollFlags属性或是setScrollFlags()方法来指定。...AppBarLayout只有作为CoordinatorLayout的直接子View时才能正常工作，为了让AppBarLayout能够知道何时滚动其子View，我们还应该在CoordinatorLayout...布局中提供一个可滚动View，如：RecyclerView 布局文件 <?...4.exitUntilCollapsed--需要和minHeight一起配合使用，否则没效果 Toolbar完全展开时不遮挡滑动控件，消失效果变为折叠成最小高度，其他和scroll相同 ?

3.4K2 0

ConstraintLayout2.0一篇写不完之嵌套滚动怎么滚

在没有ConstraintLayout的时候，要实现嵌套滚动布局，通常都是使用CoordinatorLayout来实现，但是这个东西的使用局限性比较大，能非常简单的实现的嵌套布局，就那么几种，如果要实现一些特别的滚动效果...CoordinatorLayout配合MotionLayout 这种方式实际上还是借助CoordinatorLayout，是一种比较早期的实现方案，如果是对CoordinatorLayout比较熟悉的开发者...这种方案的布局结构如下： CoordinatorLayout --------AppBarLayout ----------------MotionLayout --------NestedScrollView...CoordinatorLayout，而仅使用MotionLayout来实现嵌套滚动效果，实现滚动布局的大一统。...这样一来，整个嵌套滚动的格局一下子就打开了，再也没了之前使用CoordinatorLayout的高度限制，效果限制，所有的内容，都可以通过约束来进行设置，再通过MotionLayout来进行动态约束，从而实现嵌套滚动布局

1.1K3 0

CoordinatorLayout+AppBarLayout实现上滑隐藏ToolBar-Android M新控件

比如：在CoordinatorLayout中使用AppBarLayout，如果AppBarLayout的子View（如ToolBar、TabLayout）标记了app:layout_scrollFlags...滚动事件,那么在CoordinatorLayout布局里其它标记了app:layout_behavior的子View（LinearLayout、RecyclerView、NestedScrollView...> 上述布局文件中，ToolBar标记了layout_scrollFlags滚动事件，那么当LinearLayout滚动时便可触发ToolBar中的layout_scrollFlags效果即往上滑动隐藏...enterAlwaysCollapsed 当你的视图已经设置minHeight属性又使用此标志时，你的视图只能已最小高度进入，只有当滚动视图到达顶部时才扩大到完整高度 exitUntilCollapsed...并且给这些组件设置如下属性来告诉CoordinatorLayout，该组件是带有滑动行为的组件，然后CoordinatorLayout在接受到滑动时会通知AppBarLayout 中可滑动的Toolbar

2K3 0

滑动吸顶效果

需求是先滑动里面的列表，滑动到一个位置时外面滑动，外面滑动一段距离后再里面滑动。...else { // 要吸顶的位置到了，让外面滚动，此时 appbarLayout.y 从 0 开始慢慢变小， // 变到 -barHeightDistance 时不再滑动...然后发现一个问题，向下拉时由于 canScroll 成 false 时，发假的也没用，所以修改 private fun calculate() { // 只要 appbarLayout 在这不上不下的位置...，都可以滑动 coordinatorLayout.canScroll(appbarLayout.y = -barHeightDistance)...，此时 appbarLayout.y 从 0 开始慢慢变小， // 变到 -barHeightDistance 时不再滑动，让 RecyclerView 滑动 stickyTitle.visibility

2.7K1 0

点击加载更多

扫码

添加站长进交流群

领取专属 10元无门槛券

手把手带您无忧上云