开发者社区

文档建议反馈控制台

最新优惠活动

文章/答案/技术大牛

发布

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

相关搜索:(Python Tkinter)当我尝试添加滚动条时，为什么我的按钮停止显示？Anime.js在滚动停止时停止动画 CoordinatorLayout仅在特定片段中滚动时隐藏工具栏 RecyclerView:当AppBarLayout向上滚动(隐藏)时填充屏幕高度在查看模式时停止滚动在滚动时尝试调整内容时出现滚动功能中断如何在向上滚动时停止AppBarLayout最小化？如何在滚动时停止动画？如何防止在滚动CoordinatorLayout时隐藏底部导航当在CoordinatorLayout中时，ViewPager不会垂直滚动

相关搜索:

页面内容是否对你有帮助？

有帮助

没帮助

相关·内容

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

当我在AS上新建一个module时，系统默认的最外层布局不再是我们熟悉的五大布局中的一种，而是一个全新的布局：CoordinatorLayout。它是Material风格的重要组件, 作为布局的顶层控件，协调(Coordinate)其他组件, 实现联动。

04

CoordinatorLayout与滚动的处理

本博文专门讲解和CoordinatorLayout相关的知识点，这也是Design Support Library中最重要与最难的部分。

02

AppBarLayout学习

AppBarLayout是一个垂直的LinearLayout，实现了很多和协调布局一起合作的滚动属性。其子View可以通过setScrollFlags()或在xml布局中通过app:layout_scrollFlags属性设置想要的滚动行为。

03

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

Material Design 是个好东西，它的出现使得 Android 也能定制高颜值的界面，并且指导了如果实现复杂炫丽的交互效果，而 Android Surpport Desgin 这个支持包就是 Android 官方对 Material Design 的代码实现。

03

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

版权声明：本文为博主原创文章，未经博主允许不得转载。 https://blog.csdn.net/gdutxiaoxu/article/details/53453958

01

用 CoordinatorLayout 处理滚动

原文地址：Handling Scrolls with CoordinatorLayout 原文作者：CODEPATH 译文出自：掘金翻译计划本文永久链接：github.com/xitu/gold-m… 译者：Feximin 总览 CoordinatorLayout 扩展了完成 Google's Material Design 中的多种滚动效果的能力。目前，此框架提供了几种不需要写任何自定义动画代码就可以（使动画）工作的方式。这些效果包括：上下滑动 Floating Action Button 以给 Sn

09

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

引言最近，在做公司一个design折叠效果的时候遇到个问题，就是我们本身app的方法数太多了，dex分包技术还没搞定。不得不尽量缩减一些不必要的包、类。当我们引入RecyclerView的时候，恰好

05

Android CoordinatorLayout高级用法之自定义Behavior

上次简单的说了一下CoordinatorLayout的基本用法(android特性之CoordinatorLayout用法探析实例)。其中CoordinatorLayout给我们提供了一种新的事件的处理方式，Behavior。还记得那一串字符串吗？

02

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

是不是很像支付宝的效果呢，我们今天就要通过讲解android5.0新出的控件CoordinatorLayout，AppBarLayout，CollapsingToolbarLayout来实现这个效果。

02

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

上一篇博文《Android开发笔记（一百三十五）应用栏布局AppBarLayout》阐述了如何把Toolbar往上滚动，那反过来，能不能把Toolbar往下拉动呢？这里要明确一点，Toolbar本身是页面顶部的工具栏，其上没有本页面的其它控件了，如果Toolbar被拉下来了，那Toolbar上面的空白该显示什么？所以Toolbar的上部边缘是不可以往下拉的，只有下部边缘才能往下拉，这样的视觉效果好比Toolbar如电影幕布一般缓缓向下展开。不过，Android在实现展开效果的时候，并非直接让Toolbar展开或收缩，而是另外提供了CollapsingToolbarLayout，通过该布局包裹Toolbar，从而控制标题栏的展开和收缩行为。下面是CollapsingToolbarLayout的属性说明： app:contentScrim : 指定布局内部未展开时的背景颜色。 app:collapsedTitleTextAppearance : 指定未展开时的标题文字字体。 app:collapsedTitleTextColor : 指定未展开时的标题文字颜色。 app:collapsedTitleGravity : 指定未展开时的标题文字对齐方式。 app:expandedTitleTextAppearance : 指定展开后的标题文字字体。 app:expandedTitleTextColor : 指定展开后的标题文字颜色。 app:expandedTitleGravity : 指定展开后的标题文字对齐方式。 app:expandedTitleMargin : 指定展开后的标题四周间距。 app:expandedTitleMarginStart/app:expandedTitleMarginTop/app:expandedTitleMarginEnd/app:expandedTitleMarginBottom : 指定展开后的标题具体方向的间距。上述属性在代码中的设置方法如下所示： setContentScrim/setContentScrimColor/setContentScrimResource : 设置布局内部未展开时的背景颜色。 setCollapsedTitleTextAppearance : 设置未展开时的标题文字字体。 setCollapsedTitleTextColor : 设置未展开时的标题文字颜色。 setCollapsedTitleGravity : 设置未展开时的标题文字对齐方式。 setExpandedTitleTextAppearance : 设置展开后的标题文字字体。 setExpandedTitleColor : 设置展开后的标题文字颜色。 setExpandedTitleGravity : 设置展开后的标题文字对齐方式。 setExpandedTitleMargin : 设置展开后的标题四周间距。 setExpandedTitleMarginStart/setExpandedTitleMarginTop/setExpandedTitleMarginEnd/setExpandedTitleMarginBottom : 设置展开后的标题具体方向的间距。在工程中使用CollapsingToolbarLayout，则需注意以下几点： 1、添加几个库的支持，包括appcompat-v7库（Toolbar需要）、design库（CollapsingToolbarLayout需要）、recyclerview库（主页面的RecyclerView需要）； 2、布局文件的根布局采用android.support.design.widget.CoordinatorLayout，因为design库的动态效果都依赖于该控件； 3、CoordinatorLayout节点要添加命名空间声明xmlns:app="http://schemas.android.com/apk/res-auto"； 4、使用android.support.design.widget.AppBarLayout节点包裹android.support.design.widget.CollapsingToolbarLayout节点，再在CollapsingToolbarLayout节点下添加Toobar； 5、Toobar节点添加滚动属性app:layout_scrollFlags="scroll|enterAlways"，声明工具栏的滚动行为标志；其实真正运行的时候，Toolbar的高度是固定不变的，变化高度的是CollapsingToolbarLayout。只是许多App把这两者的背景设为一样的，所以看起来像是统一的标题栏在收缩和展开。既然二者原本不是一家，那么就得有新的属性用于区分它们内部的行为，新属性在Collaps

03

Android 三级NestedScroll嵌套滚动实践

我们知道 NestedScrolling(Parent/Child) 这对接口是用来实现嵌套滚动的，一般实现这对接口的 Parent 和 Child 没有直接嵌套，否则直接用 onInterceptTouchEvent() 和 onTouchEvent() 这对方法实现就可以了。能够越级嵌套滚动正是它的厉害之处。

03

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

前言最近接到一个需求，这需求让我表示很尴尬。（下面是一些废话）要求的效果是这样的，顶部有部分悬浮，接着是一些布局，在下面是几个可切换的Tab页面，然后滚动的时候~~吧啦吧啦吧啦吧啦~~ 还是

05

CoordinatorLayout使用全解析

CoordinatorLayout是在 Google IO/15 大会发布的，遵循Material 风格，包含在 support Library中，结合AppbarLayout, CollapsingToolbarLayout等可产生各种炫酷的效果，本篇博客就将介绍CoordinatorLayout的各种酷炫效果。

02

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

在ConstraintLayout1.x阶段，它主要提供的能力是对静态布局的支撑，那么到2.x之后，MotionLayout的拓展，让它对动态布局的支持有了进一步的优化，在1.x阶段不能实现的嵌套滚动布局布局方式，现在也就非常简单了。

03

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

Android5.0推出工具栏Toolbar用来替代ActionBar，灵活性和易用性大大增强，有关Toolbar的详细介绍参见《Android开发笔记（一百一十九）工具栏Toolbar》。可是仅仅使用Toolbar的话，还是有些呆板，比如说Toolbar固定占据着页面顶端，既不能跟着主体页面移上去，也不会跟着主体页面拉下来。为了让App页面更加生动活泼，势必要求Toolbar在某些特定的场景上移或者下拉，如此才能满足酷炫的页面特效需要。那么Android5.0也同时给出了相应的解决方案，即推出MaterialDesign库，通过该库中的AppBarLayout控件，对Toolbar加以包装，从而实现顶部工具栏的动态变化效果。 AppBarLayout其实继承自LinearLayout，所以具备LinearLayout的所有属性与方法。对于大家关心的额外功能，则主要有以下几点： 1、支持响应主体页面的滑动行为，即在主体页面上移或者下拉时，AppBarLayout能够捕捉到主体页面的滚动操作； 2、AppBarLayout捕捉到滚动操作之后，还要通知头部控件（通常是Toolbar），告诉头部控件你要怎么滚，是爱咋咋滚，还是满大街滚；具体到实现上，要在工程中做以下修改： 1、添加几个库的支持，包括appcompat-v7库（Toolbar需要）、design库（AppBarLayout需要）、recyclerview库（主页面的RecyclerView需要）； 2、布局文件的根布局采用android.support.design.widget.CoordinatorLayout，因为design库的动态效果都依赖于该控件； 3、CoordinatorLayout节点要添加命名空间声明xmlns:app="http://schemas.android.com/apk/res-auto"； 4、使用android.support.design.widget.AppBarLayout节点包裹Toobar； 5、Toobar节点添加滚动属性app:layout_scrollFlags="scroll|enterAlways"，声明工具栏的滚动行为标志； 6、演示页面的主体页面使用RecyclerView控件，并给该控件节点添加行为属性app:layout_behavior="@string/appbar_scrolling_view_behavior"，表示通知AppBarLayout捕捉RecyclerView的滚动操作。下面是AppBarLayout结合RecyclerView实现的工具栏向上滚动效果截图：

04

滑动吸顶效果

需求是先滑动里面的列表，滑动到一个位置时外面滑动，外面滑动一段距离后再里面滑动。最初想用 CoordinatorLayout 加 RecyclerView，但效果不好直接用，或者用 NestedScrollView 与 RecyclerView 组合使用。

01

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

使用 CoordinateLayout 可以协调它的子布局，实现滑动效果的联动，它的滑动效果由 Behavior 实现。以前用过小米日历，对它滑动平滑切换日月视图的效果印象深刻。本文尝试用自定义 Behavior 实现一个带有这种效果的日历。

01

Android--AppBarLayout基本使用

1.scroll--最基础的模式，并且设置其他模式必须|上它，否则不起效果如果滚动到顶部再往上滑动的话，则显示Toolbar，只要往下滑动，则Toolbar消失

02

Material Design技术分享

因项目需要接触了近一个月的Material Design，之前只觉得它美丽而神秘，真正接触起来发现确实不错。针对这段时间做个小总结，也给广大战友们分享点踩坑的经验。第一部分是针对Material Design的个人总结，第二部分是近段时间接触到符合Material Design风格的控件以及动画总结。 Part1:什么是Material design 自2014年谷歌在I/O大会发布Material Design，至今已经两年多，其遵循纸片与墨水的视觉设计，并将物理运动带入到UI设计中，google

06

通过来模仿稀土掘金个人页面的布局来学习使用CoordinatorLayout

特别喜欢稀土掘金个人界面的样子，那我们就来看看如何实现这个效果吧，要想实现这个效果，肯定需要的是Material Design风格，那就需要学会使用以下控件：CoordinatorLayout，App

09

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

从官方文档中我们可以看到： CoordinatorLayout是一个增强型的FrameLayout。两个作用： - As a top-level application decor or chrome layout - As a container for a specific interaction with one or more child views

03

Material Design 实战之第六弹 —— 可折叠式标题栏(CollapsingToolbarLayout) & 系统差异型的功能实现（充分利用系统状态栏空间）

顾名思义，CollapsingToolbarLayout是一个作用于Toolbar基础之上的布局，由DesignSupport库提供。

04

Android仿微博个人详情页滚动到顶部的实例代码

最近产品提了个新需求，需要实现点击App内的某个按钮跳转到个人详情页并且滑动到顶部，个人详情页的页面交互稍微复杂，技术角度上包含了状态栏颜色变换，view滑动联动等问题，技术实现上采用了Google出的CoordinatorLayout那套组件，由于App的个人详情页跟微博的相似，这里就拿微博为例来描述。微博默认的效果以及手动滑动到顶部的效果图如下。

02

淘宝首页Bug！嵌套滑动及NestedScroll

学习嵌套滑动的相关文章：自定义View事件之进阶篇(一)-NestedScrolling(嵌套滑动)机制. Android NestedScrolling机制完全解析带你玩转嵌套滑动

02

使用CoordinatorLayout打造各种炫酷的效果

版权声明：本文为博主原创文章，未经博主允许不得转载。 https://blog.csdn.net/gdutxiaoxu/article/details/52858598

01

CoordinatorLayout打造折叠式的顶部标题栏

如果以上简单操作无法满足你的需求，最后附上参考博客文章 Android开发之CoordinatorLayout打造滑动越界弹性放大图片效果使用CoordinatorLayout打造各种炫酷的效果

03

Material Design中的一些趣事

当然了，这个是我完成任务之后又写的一个demo，大家可能会想到这里用的是谷歌极力推荐我们使用的一个全新的设计语言——Material Design，然后再配上谷歌的下拉刷新控件SwipeRefreshLayout，没错，这里我们就是这样干的，因为只有一个刷新，却有三个页面，所以这里还有一个需要注意的地方就是刷新之后三个页面的数据分配问题，待会我们再来讲这个问题。

01

AppBarLayout和CollapsingToolbarLayout的闲谈

自从google的design出来之后，很多控件效果实现起来已经不需要再像以前那样写自定义控件了，最近有个需求是要到页面头部标题栏的折叠效果，因此，想想用CollapsingToolbarLayout

03

Material Design 实战之第四弹 —— 卡片布局

首先这里准备用CardView来填充主题内容， CardView是用于实现卡片式布局效果的重要控件，由appcompat-v7库提供。实际上，CardView也是一个FrameLayout，只是额外提供了圆角和阴影等效果，看上去会有立体的感觉。

01

Android开发笔记（一百三十七）自定义行为Behavior

协调布局CoordinatorLayout能够让内部的子控件互相配合着移动，这跟以往孤立的控件运动截然不同，协调运动的结果，意味着App画面更加流畅、自然，也更符合日常生活中的动作场景。如果你对CoordinatorLayout的用法还不太了解的话，建议先浏览这篇博文熟悉一下《Android开发笔记（一百三十四）协调布局CoordinatorLayout》。一般我们使用CoordinatorLayout，都是结合悬浮按钮FloatingActionButton、应用栏布局AppBarLayout或者可折叠工具栏布局CollapsingToolbarLayout，但这不表示CoordinatorLayout只能与这少数几个控件一起使用，事实上，只要定义了两个控件之间的互动行为，即使是TextView、ImageView这些普通控件，也能实现自动协调运动的效果。先上个图，说明一下自定义行为所支持的画面：

02

Android--AppBarLayout、CollapsingToolbarLayout组合使用

通常AppBarLayout和CollapsingToolbarLayout是一起使用的，也就是CoordinatorLayout、AppBarLayout、CollapsingToolbarLayout、Toolbar常常是组合应用的，AppBarLayout能够赋予Toolbar显示和消失的功能，而CollapsingToolbarLayout能够赋予Toolbar伸缩的功能 AppBarLayout下只能有一个控件，而CollapsingToolbarLayout需要包裹Toolbar外，还支持包裹其

03

CollapsingToolbarLayout使用

我们来看一下CollapsingToolbarLayout的使用场景。 CollapsingToolbarLayout 可以看到，Toolbar的标题放大并在下方显示，当我们向上滑动列表时，顶部He

06

RecyclerView嵌套RecyclerView完美实现京东tab吸顶效果

动画展示:https://github.com/FangMessi/nested_scroll_demo/blob/main/screenshot/ajqoe-vk8xu.gif

02

CoordinatorLayout使用（四）：和Toolbar的简单使用

这篇也就简单使用，和前面关系不大就暂时不复习了这篇可能有点啰嗦，并且只是使用，没有难度熟悉的同学略过前面，或者整篇略过

03

Android 折叠式布局

从头开始先建立一个名为 Folding 项目，然后在创建一个Activity, OneActivity 这个Activity带有自身的XML布局文件，

02

Android之MaterialDesign应用技术

PS:纵观现在大大小小软件的界面都变的比较漂亮，还有一些系统了，比如小米的MIUI，华为的EMUI等，虽然底层都是安卓，但他们的界面多多少少都会不同，谷歌对这个UI也是非常重视的，MaterialDesign就是今天的主角，首先在看这个的同时，要搞清楚什么是Material Design，百度百科解释，中文名：材料设计语言，是由Google推出的全新的设计语言，谷歌表示，这种设计语言旨在为手机、平板电脑、台式机和“其他平台”提供更一致、更广泛的“外观和感觉”。design，中文是设计之意，即“设想和计划

09

一个Demo学会用Android兼容包新控件

伟大的Google为Android推出了一系列的兼容包，最新的就是Design Support Library了，这里我们结合v7和v4中的几个控件，来主要学习Design Support Library中的几个新控件！一个Demo学会用它们！

04

一步一步深入理解CoordinateLayout

Google推出Design库已经一年了，国内也出过一些文章关于CoordinateLayout，但是都是教你怎么使用，或者简单的自定义一些Behavior,并没有一篇文章深入去了解它的原理。

01

Android构建Material Design应用详解

长久以来。Android的UI并不算美观，以至于很多IT公司在进行界面设计的时候，为了保证双平台的统一性，强烈要求Android端的界面风格必须与iOS端一致，我认为这里非常不合理的，同一操作系统中各个应用之间的界面统一性要远比一个应用在双平台的界面统一性重要的多，只有这样，才能给使用者带来更好的用户体验。为了解决这个问题，Google公司在2014年IO大会上推出了一套全新的界面设计语言——Material Design（材料设计语言），这次Google在界面设计上确实下足了功夫，一个词，好看。并且在2015年IO大会上推出了一个Design Support库，这个库将Material Design中最具代表性的一些控件和效果进行了封装，使得开发者在不了解Material Design的情况下也可以轻松地将自己的应用Material化。

01

Android如何实现超级棒的沉浸式体验

做APP开发的过程中，有很多时候，我们需要实现沉浸式的体验。

MaterialDesign之FloatingActionButton

就是上面这样了，忘说了一件很重要的事情……FloatingActionButton的监听就是最原始的监听！！！接下来到了重头戏了

03

学习使用Material Design控件（四）Android实现标题栏自动缩放、放大效果

CoordinatorLayout 组织它的子views之间协作的一个Layout，它可以给子View切换提供动画效果。 AppBarLayout 可以让包含在其中的控件响应被标记了ScrollingViewBehavior的View的滚动事件 CollapsingToolbarLayout 可以控制包含在CollapsingToolbarLayout其中的控件，在响应collapse时是移除屏幕和固定在最上面 TabLayout 结合ViewPager，实现多个TAB的切换的功能 NestedScrollView 与ScrollView基本相同，不过包含在NestedScrollView中的控件移动时才能时AppBarLayout缩放

03

Android材料设计之Behavior攻坚战

接触目标view时才会回调：onStartNestedScroll 加了layout_behavior的View是child

03

利用 CollapsingToolbarLayout 完成联动的动画效果

最初的想法是自己去利用 Android 的嵌套滚动机制,去实现上面的嵌套滚动效果.但最后为了开发效率直接利用了 CollapsingToolbarLayout 和 CoordinatorLayout 的效果. 实现效果的原理十分简单,监听 CollapsingToolbarLayout 收缩和扩展的距离,换算成你想要的一个范围比如移动的距离,缩放的比例.

01

【使用篇】WebView 实现嵌套滑动，丝滑般实现吸顶效果，完美兼容 X5 webview

最近项目在开发中，需要实现 WebView 吸顶的效果。刚开始在 Demo 实现的时候，使用的是普通的 WebView。切换到项目的时候，由于使用的是 X5 WebView，在解决过程中。又遇到了一些问题，觉得挺有代表性的，就记录了下来。

02

Material Design之CollapsingToolbarLayout 相关属性和方法介绍

Material Design之CollapsingToolbarLayout 相关属性和方法介绍

03

CoordinatorLayout的使用如此简单

曾在网上找了一些关于CoordinatorLayout的教程，大部分文章都是把CoordinatorLayout、AppbarLayout、CollapsingToolbarLayout 以及Toolbar等一起使用来介绍，这让我不知不觉在心中认为把这几个布局要一起使用，而且只是用于那种场景中。其实CoordinatorLayout的功能并不是局限于与AppBarLayout一起使用，它的功能强大着呢，本文主要对CoordinatorLayout的使用进行介绍，后面再写一篇文章将AppBarLayout和C

【翻译】MotionLayout实现折叠工具栏（Part 1）

2018-08-13 by Liuqingwen | Tags: Android 翻译 | Hits

03

Android开发笔记（一百四十四）高仿支付宝的头部伸缩动画

Android5.0推出的MaterialDesign库包含了处理头部工具栏的多个控件，不但允许自定义顶部导航栏，而且导航栏高度是可以伸缩的。如此一来，一方面导航栏能够放得下更多控件，另一方面在用户想看具体内容时也能腾出更多的屏幕空间。这么说可能比较抽象，那就先来看看两张导航栏的效果图，第一张是导航栏完全展开时的界面，此时页面头部的导航栏占据了较大部分的高度；

01

详解Android使用CoordinatorLayout+AppBarLayout实现拉伸顶部图片功能

四、重点在于设置AppBarLayout的Behavior这里自定义AppBarLayoutOverScrollViewBehavior，下面贴出代码

04

扫码

添加站长进交流群

领取专属 10元无门槛券

手把手带您无忧上云

扫码加入开发者社群

相关资讯

热门标签

活动推荐

运营活动

活动名称

广告关闭