首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

当CollapsingToolbarLayout折叠时,在其上的快速滚动停止

。CollapsingToolbarLayout是Android Support Library中的一个控件,用于实现可折叠的工具栏效果。当用户向下滚动时,CollapsingToolbarLayout会逐渐折叠,显示出一个紧凑的工具栏,同时也可以包含一个可折叠的图片或者其他内容。

在CollapsingToolbarLayout上进行快速滚动时,可以通过设置app:layout_scrollFlags属性来控制滚动行为。其中,常用的属性包括:

  • scroll:表示该视图会随着滚动事件而滚动。
  • enterAlways:表示该视图在任何滚动情况下都会立即显示或隐藏。
  • enterAlwaysCollapsed:表示该视图只有在折叠状态时才会显示,当完全展开时会隐藏。
  • exitUntilCollapsed:表示该视图会在折叠到最小高度时隐藏。

当CollapsingToolbarLayout折叠时,在其上的快速滚动停止,可以通过设置enterAlwaysCollapsed属性来实现。当设置了enterAlwaysCollapsed属性后,当CollapsingToolbarLayout折叠时,它会先显示enterAlwaysCollapsed属性指定的高度,然后再继续折叠。

这种效果可以用于在折叠状态下显示一些重要的信息,例如标题或者操作按钮,以提供更好的用户体验。

腾讯云相关产品中,可以使用腾讯移动直播(https://cloud.tencent.com/product/mlvb)来实现音视频直播功能。腾讯移动直播提供了丰富的功能和接口,可以满足不同场景下的直播需求。它支持实时音视频传输、直播录制、直播转码、直播鉴黄等功能,同时还提供了Android和iOS的SDK,方便开发者在移动端集成和使用。

注意:本回答中没有提及亚马逊AWS、Azure、阿里云、华为云、天翼云、GoDaddy、Namecheap、Google等流行的云计算品牌商,如需了解更多相关产品和服务,建议访问官方网站或者咨询相关厂商。

页面内容是否对你有帮助?
有帮助
没帮助

相关·内容

CollapsingToolbarLayout使用

CollapsingToolbarLayout 可以看到,Toolbar标题放大并在下方显示,当我们向上滑动列表,顶部Header部分图片向上折叠隐藏,标题向上移动并缩小,同时以渐显式方式显示蓝色主题...关于CollapsingToolbarLayout属性在官网上可以查到,这里我只介绍案例中我们常用几个属性:title标题,布局展开放大显示在图片底部,布局折叠缩小显示在Toolbar左侧。...attr/colorPrimary",即显示为Toolbar颜色,应用主题色;layout_collapseMode折叠模式,设置其他控件滚动自身交互行为,有两种取值:parallax,折叠视差效果...设置为1.0,滚动列表图片不会折叠移动; 代码实现: 关于CoordinatorLayout作为根布局容器如何协调子控件之间交互行为,可以参考上一篇文章,这里我介绍一下本例中几个新注意点。...和layout_anchorGravity可以控制FloatingActionButtonbehavior和位置,如上图所示,滚动列表是,FAB按钮会随着AppBarLayout而显示和隐藏,并自带缩放动画

2.4K60

CoordinatorLayout使用全解析

enterAlways:这个flag让任意向下滚动都会导致该view变为可见,启用快速“返回模式”。...exitUntilCollapsed:当你定义了一个minHeight,此布局将在滚动到达这个最小高度时候折叠。 snap:一个滚动事件结束,如果视图是部分可见,那么它将被滚动到收缩或展开。...CollapsingToolbarLayout可以通过app:contentScrim设置折叠工具栏布局颜色,通过app:statusBarScrim设置折叠状态栏颜色。...pin:CollapsingToolbarLayout折叠后,此布局将固定在顶部。 parallax:CollapsingToolbarLayout折叠,此布局也会有视差折叠效果。...CollapsingToolbarLayout子布局设置了parallax模式,我们还可以通过app:layout_collapseParallaxMultiplier设置视差滚动因子,值为:0~

1.9K20

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

enterAlways - 实现quick return效果, 向下移动,立即显示View(比如Toolbar)。...enterAlwaysCollapsed - 当你View已经设置minHeight属性又使用此标志,你View只能以最小高度进入,只有当滚动视图到达顶部才扩大到完整高度。...--layout_collapseMode (折叠模式) - 有两个值: pin - 设置为这个模式CollapsingToolbarLayout完全收缩后,Toolbar...parallax - 设置为这个模式,在内容滚动CollapsingToolbarLayoutView(比如ImageView)也可以同时滚动,实现视差滚动效果,通常和layout_collapseParallaxMultiplier...当然 里面的toolbar 你们还可以设置其他属性。 然后里面的NestedScrollView这货。 它和scrollview 基本一样  但是它支持嵌套滚动  嵌套滚动默认是启用

88130

界面无小事(九): 做个好看伸缩头部

="pin" app:layout_collapseMode="none" 从xml中参数说吧, 来看CollapsingToolbarLayout折叠模式....如果在此之前任何兄弟视图没有此标志, 则此值无效. exitUntilCollapsed 退出(滚动屏幕), 视图将滚动直到“折叠”. 折叠高度由视图最小高度定义。...snap 在滚动结束, 如果视图仅部分可见, 则它将被捕捉并滚动到其最近边缘. enterAlways 进入(在屏幕滚动), 无论滚动视图是否也在滚动, 视图都将滚动任何向下滚动事件....这通常被称为“快速返回”模式. enterAlwaysCollapsed 'enterAlways'另一个标志, 它修改返回视图, 最初只回滚到它折叠高度....一旦滚动视图到达其滚动范围末尾, 该视图其余部分将滚动到视图中. 折叠高度由视图最小高度定义.

95120

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

折叠工具栏布局CollapsingToolbarLayout 一篇博文《Android开发笔记(一百三十五)应用栏布局AppBarLayout》阐述了如何把Toolbar往上滚动,那反过来,...如不指定该属性则默认为0.5 为了区分这几种模式差异,还是几个动图加以说明。下面是Toolbar采用pin模式效果图,可以看到红色区域始终不动: ?...下面是标题栏在折叠显示渐变图片效果图: ?...有关滚动标志 一篇博文《Android开发笔记(一百三十五)应用栏布局AppBarLayout》说过,AppBarLayout子控件共有五个滚动标志,同时提到后面三个标志与CollapsingToolbarLayout...具体滚动说明如下所示: 向上滚动:头部先往上收缩,一直滚到折叠最小高度。然后头部与主体先一起滚动,头部滚到位后,主体继续向上。 向下滚动:头部与主体先一起滚动,一直滚到头部折叠最小高度。

3.1K30

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

NestedScrollView 虽说通过AppBarLayout可实现Toolbar滚动效果,但并非所有可滚动控件都会触发Toolbar滚动,事实只有Android5.0之后新增少数滚动控件才具备该特技...这还得从CoordinatorLayout说起,查看CoordinatorLayout源代码,发现它实现了接口NestedScrollingParent,奥秘就在其中,该接口定义了嵌套滚动父辈行为,...2、AppBarLayout内部高度也可能变化,比如它嵌套了可折叠工具栏布局CollapsingToolbarLayout,有关可折叠工具栏布局详细介绍参见《Android开发笔记(一百三十六)可折叠工具栏布局...所以本文只做下面三个标志概念解释,有关效果图参见《Android开发笔记(一百三十六)可折叠工具栏布局CollapsingToolbarLayout》。...具体滚动说明如下所示: 向上滚动:头部先往上收缩,一直滚到折叠最小高度。然后头部与主体先一起滚动,头部滚到位后,主体继续向上。 向下滚动:头部与主体先一起滚动,一直滚到头部折叠最小高度。

1.9K40

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

假设你定义了一个最小高度(minHeight)同时enterAlways也定义了,那么view将在到达这个最小高度时候开始显示,并且从这个时候开始慢慢展开,滚动到顶部时候展开完。...,它可以控制包含在CollapsingToolbarLayout控件在响应layout_behavior事件作出相应scrollFlags滚动事件(移除屏幕或固定在屏幕顶端)。...CollapsingToolbarLayout子View中可以设置这两个属性 1、ayout_collapseMode (折叠模式) - 有两个值: pin - 设置为这个模式CollapsingToolbarLayout...parallax - 设置为这个模式,在内容滚动CollapsingToolbarLayoutView(比如ImageView)也可以同时滚动,实现视差滚动效果,通常和layout_collapseParallaxMultiplier...我在做这里时候遇到一个问题,那就是CollapsingToolbarLayoutTitle问题,一般默认是显示,即使你不写,它也有会一个默认值一直显示在那里,等折叠收缩完时候,停留在标题工具栏

2.2K90

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

它们分别是滑动、折叠、进入、离开、snap。 滑动 scroll 滑动是基础,后面的几个属性都是建立在此属性。... AppBarLayout 中内容要从 CoordinatorLayout 外面进入内部,我们用 enter 指代这种行为,对应手势就是向下滑动。... AppBarLayout 中内容从 CoordinatorLayout 内部向外部方向移动,我们用 exit 指代这种行为,对应手势是向上滑动。...也就是说 snap 代表一种吸附行为,一个滑动事件结束后,Toolbar 会向最接近它边缘自行滚动。那什么是最近概念呢?比如向上滑动,如果滑过了一半它就向上滚动,否则滚动回原来地方。...就是滚动速度不同,造成视觉差异效果。也就是说 CollapsingToolbarLayout 中有的 view 滚动快一些,其它滚动慢一些。

2.6K30

AppBarLayout和CollapsingToolbarLayout闲谈

了解 CollapsingToolbarLayout主要是提供一个可折叠Toolbar容器,对容器中不同View设置layout_collapseMode折叠模式,来达到不同折叠效果。...其实就是向下滚动Scrolling View和Child View之间滚动优先级问题。...对比scroll和scroll | enterAlways设置,发生向下滚动事件,前者优先滚动Scrolling View,后者优先滚动Child View,优先滚动一方已经全部滚进屏幕之后,另一方才开始滚动...属性contentScrim 设置完全CollapsingToolbarLayout折叠(收缩)后背景颜色。...在内容滚动CollapsingToolbarLayoutView(比如ImageView)也可以同时滚动,实现视差滚动效果,通常和layout_collapseParallaxMultiplier

1.6K30

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

Material Design 学习到此就告一段落了,具体可以参考 Material Design官方文档; 正文 ---- 可折叠式标题栏(CollapsingToolbarLayout) 顾名思义...而AppBarLayout又必须是CoordinatorLayout子布局。 本文来做一个额外活动作为水果详情展示界面,点击水果列表卡片时候就进入这个界面。...app:contentScrim指定CollapsmgToolbarLayout在趋于折叠状态以及折叠之后背景色, 其实CollapsingToolbarLayout折叠之后就是一个普通Toolbar...其中, scroll表示CollapsingToolbarLayout会随着水果内容详情滚动一起滚动, exitUntilCollapsed表示CollapsingToolbarLayout随着滚动完成折叠之后就保留在界面上...以及, app:layout_collapseMode用于指定当前控件在CollapsingToolbarLayout折叠过程中折叠模式, 其中Toolbar指定成pin,表示在折叠过程中位置始终保持不变

2.2K40

使用CoordinatorLayout打造各种炫酷效果

int SCROLL_FLAG_EXIT_UNTIL_COLLAPSED ((exiting) / (scrolling off screen))时候,这个View会跟着滑动直到折叠。...(这个View到达 CollapsingToolbarLayout底部时候,这个View 将会被放置,即代替整个CollapsingToolbarLayout) 我们有两种方法可以设置这个常量,...layout_collapseMode=”parallax”,表示视差效果,ToolBar app:layout_collapseMode=”pin”,这个TooBar到达 CollapsingToolbarLayout...底部时候,会代替整个CollapsingToolbarLayout显示 接着说明TabLayout变化 从前面的描述我们已经知道 没有指定app:layout_scrollFlags时候,最终...- 对于AppBarLayout,我们主要 讲解了这个属性app:layout_scrollFlags,设置不同 属性我们可以在滚动时候显示不同 效果 - 对于CollapsingToolbarLayout

4.9K10

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

2.AppBarLayout 其次就是AppBarLayout,去除官方解释,简单来说就是它可以让你定制某个可滚动View滚动手势发生变化时,其内部子View实现何种动作。...enterAlways:值设为enterAlwaysView,ScrollView往下滚动,该View会直接往下滚动。而不用考虑ScrollView是否在滚动。...,View就暂时不去往下滚动,直到ScrollView滑动到顶部不再滑动,View再继续往下滑动,直到滑到View顶部结束。...3.CollapsingToolbarLayout 是用来对Toolbar进行再次包装ViewGroup,主要是用于实现折叠App Bar效果。...CollapsingToolbarLayout只要有这方面: 1.title展开是最大,然后随着收缩会越来越少,直到屏幕顶部,通过app:title设置title,不然就默认。

1.1K20

在项目中运用Meterial Design实现动画效果

这个动画效果最重要重点使用了CollapsingToolbarLayout可实现Toolbar折叠效果。...有几个重要属性需要重点介绍下: 1、app:contentScrim="#30469b" 设置完全CollapsingToolbarLayout收缩后ToolBar背景颜色。...4、 app:layout_collapseParallaxMultiplier="0.5" CollapsingToolbarLayout滑动,子视图视觉差,可以通过这个属性来改变。...5、app:layout_collapseMode=”parallax” app:layout_collapseMode="pin" 子视图折叠模式,有两种,经常使用: pin:设置为这个模式...,CollapsingToolbarLayout完全收缩后,Toolbar还可以保留在屏幕,在折叠时候最后固定在顶端; parallax:视差模式,在折叠时候会有个视差折叠效果。

38330
领券