开发者社区

文档建议反馈控制台

最新优惠活动

文章/答案/技术大牛

发布

CollapsingToolbarLayout和ViewPager滚动不工作，不折叠

CollapsingToolbarLayout是Android Support库中的一个控件，用于实现可折叠的工具栏效果。ViewPager是Android中用于实现滑动切换页面的控件。在某些情况下，当CollapsingToolbarLayout和ViewPager同时使用时，可能会出现滚动不工作、不折叠的问题。

解决这个问题的方法有多种，以下是一些可能的原因和解决方案：

检查布局文件：确保CollapsingToolbarLayout和ViewPager的布局正确嵌套。CollapsingToolbarLayout应该作为ViewPager的父布局，以确保它们之间的滚动关联。
检查滚动标识：确保ViewPager的子项布局中设置了正确的滚动标识。在子项布局的根布局中，添加app:layout_scrollFlags="scroll|enterAlways"属性，以指示该项可以滚动并在滚动时始终可见。
检查AppBarLayout：如果使用了AppBarLayout作为CollapsingToolbarLayout的父布局，请确保AppBarLayout的高度设置为wrap_content，以适应内容的高度变化。
检查滚动监听：如果以上方法都没有解决问题，可以尝试通过监听滚动事件来手动控制CollapsingToolbarLayout和ViewPager的行为。在滚动监听中，根据滚动的偏移量来动态改变CollapsingToolbarLayout的折叠状态和ViewPager的可见性。

总结起来，解决CollapsingToolbarLayout和ViewPager滚动不工作的问题需要确保正确的布局嵌套、正确设置滚动标识、适当配置AppBarLayout的高度，并且可以通过滚动监听来手动控制它们的行为。具体的实现方式可以根据具体的项目需求和代码结构进行调整。

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

腾讯云移动开发服务：https://cloud.tencent.com/product/mss
腾讯云云原生应用引擎：https://cloud.tencent.com/product/tke
腾讯云数据库服务：https://cloud.tencent.com/product/cdb
腾讯云服务器运维服务：https://cloud.tencent.com/product/dtss
腾讯云音视频处理服务：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

相关搜索:bootstrap 3导航栏折叠按钮不工作 Bootstrap打开/折叠不工作 CollapsingToolbarLayout不工作..无法同时显示应用程序名称 CoordinatorLayout中的Viewpager不滚动 Flexbox水平滚动不工作-为什么？GTK SourceView滚动以标记不工作 HTML不滚动和不按Ctrl选择多个 NestedScrollView中的Viewpager不滚动 React-本机ViewPager goToPage不工作 Swiper React鼠标滚轮滚动和键盘控制不工作

相关搜索:

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

有帮助

没帮助

相关·内容

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

CollapsingToolbarLayout的介绍 CollapsingToolbarLayout作用是提供了一个可以折叠的Toolbar，它继承至FrameLayout，给它设置layout_scrollFlags...CollapsingToolbarLayout的子View中可以设置这两个属性 1、ayout_collapseMode (折叠模式) - 有两个值: pin - 设置为这个模式时，当CollapsingToolbarLayout...parallax - 设置为这个模式时，在内容滚动时，CollapsingToolbarLayout中的View（比如ImageView)也可以同时滚动，实现视差滚动效果，通常和layout_collapseParallaxMultiplier...我在做这里的时候遇到一个问题，那就是CollapsingToolbarLayout里的Title的问题，一般默认是显示的，即使你不写，它也有会一个默认值一直显示在那里，等折叠收缩完的时候，停留在标题工具栏上...如果设计的需求不要求选项卡在切换时附带有图标的切换效果，仅仅文字的颜色发生变化以响应用户的点击事件，那么TabLayout和ViewPager建立联系可以用官方提供的方法，它可以做到交互双向联动，也就是点击

2.2K9 0

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

int SCROLL_FLAG_ENTER_ALWAYS_COLLAPSED 另一种enterAlways，但是只显示折叠后的高度。...和TabLayout mViewPager = (ViewPager) findViewById(R.id.viewpager); mTabLayout = (TabLayout...结构图如图片所示，先说明CollapsingToolbarLayout的变化 CollapsingToolbarLayout里面包含ImageView 和ToolBar，ImageView的app:...- 对于AppBarLayout，我们主要讲解了这个属性app:layout_scrollFlags，设置不同的属性我们可以在滚动的时候显示不同的效果 - 对于CollapsingToolbarLayout...，有兴趣了解的请自行阅读: 官方文档地址 ---- 题外话 CoordinatorLayout这个控件真的很强大，使用它可以实现各种炫酷的效果，简化了开发者的许多工作，有能力的话可以去研究一下源码，

4.9K1 0

CoordinatorLayout使用全解析

exitUntilCollapsed：当你定义了一个minHeight，此布局将在滚动到达这个最小高度的时候折叠。 snap：当一个滚动事件结束，如果视图是部分可见的，那么它将被滚动到收缩或展开。...CollapsingToolbarLayout可以通过app:contentScrim设置折叠时工具栏布局的颜色，通过app:statusBarScrim设置折叠时状态栏的颜色。...CollapsingToolbarLayout的子布局有3种折叠模式（Toolbar中设置的app:layout_collapseMode） off：默认属性，布局将正常显示，无折叠行为。...pin：CollapsingToolbarLayout折叠后，此布局将固定在顶部。 parallax：CollapsingToolbarLayout折叠时，此布局也会有视差折叠效果。...折叠效果如果想制造toolbar的折叠效果，我们必须把Toolbar放在CollapsingToolbarLayout中： <android.support.design.widget.CollapsingToolbarLayout

1.9K2 0

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

大家可以参考下 ViewPager 是怎么滑动的，只不过 ViewPager 是水平方向上的，AppBarLayout 中的内容是垂直方向上的行为。...需要注意的是 Collapsing title 有两种状态，分别是展开(Expanded) 和折叠(Collapsed)。...CollapsingToolbarLayout 可以控制的子 View 滚动模式有 3 种： none 默认，无任何效果 Parallax 视差滚动 pin 固定某个 View 它通过 xml...就是滚动的速度不同，造成的视觉差异效果。也就是说 CollapsingToolbarLayout 中有的 view 滚动的快一些，其它的滚动的慢一些。...可以看到，不管怎么滚动，Toolbar 固定不动。到这里为止，利用 AppBarLayout 就能实现可折叠的 Toolbar 了。

2.7K3 0

用 CoordinatorLayout 处理滚动

这样，被折叠的 view 将会首先退出，留下在顶部固定着的元素。至此，你应该意识到这个 ToolBar 响应了滚动事件。 ?...创建折叠效果如果想创建折叠 ToolBar 的效果，我们必须将 ToolBar 包含在 CollapsingToolbarLayout 中： <android.support.design.widget.AppBarLayout...在一个使用了内部有 items 列表的 ViewPager 的 fragment 和一个父 activity 之间使用协调时，你想像这里描述的那样在ViewPager 上添加 app:layout_behavior...第三方滚动和视差效果库除了使用上述的 CoordinatorLayout，还可以查看这些流行的第三方库来实现 ScrollView， ListView， ViewPager 和RecyclerView...间的滚动和视差效果。

4.8K9 2

AppBarLayout和CollapsingToolbarLayout的闲谈

了解 CollapsingToolbarLayout主要是提供一个可折叠的Toolbar容器，对容器中的不同View设置layout_collapseMode折叠模式，来达到不同的折叠效果。...其实就是向下滚动时Scrolling View和Child View之间的滚动优先级问题。...对比scroll和scroll | enterAlways设置，发生向下滚动事件时，前者优先滚动Scrolling View，后者优先滚动Child View，当优先滚动的一方已经全部滚进屏幕之后，另一方才开始滚动...这里涉及到Child View的高度和最小高度，向下滚动时，Child View先向下滚动最小高度值，然后Scrolling View开始滚动，到达边界时，Child View再向下滚动，直至显示完全。...在内容滚动时，CollapsingToolbarLayout中的View（比如ImageView)也可以同时滚动，实现视差滚动效果，通常和layout_collapseParallaxMultiplier

1.6K3 0

Android view滑动悬浮固定效果实现代码示例

2.思路 (CoordinatorLayout+AppBarLayout+CollapsingToolbarLayout)+TabLayout+ViewPager 3.代码实现 a.主布局代码 <?...android.support.design.widget.CoordinatorLayout 需要注意的是： app:layout_scrollFlags=”scroll|exitUntilCollapsed”—— 设置可以滑动且当前view可以一直退出直到折叠视图显现...= (ViewPager) findViewById(R.id.viewPager); viewPager.setOffscreenPageLimit(2); viewPager.setAdapter...可以看到图中黑色边框显示的内容不一致，因此ToolBar和ImageView的排列顺序会对视图的显示结果造成影响。...（这样也避免了：在CollapsingToolbarLayout中，因为视图折叠覆盖的问题，会导致整个ImageView被TabLayout覆盖一部分而显示不完全的问题。）

8141 0

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

2、AppBarLayout内部的高度也可能变化，比如它嵌套了可折叠工具栏布局CollapsingToolbarLayout，有关可折叠工具栏布局的详细介绍参见《Android开发笔记（一百三十六）可折叠工具栏布局...3、大家都知道ViewPager是左右滚动的翻页视图，用户通过手势把页面横向拉动一段距离后松开，系统会判断接下来是自动左滚还是自动右滚，总之最后用户看到的是一个完整的页面，而不是拉到一半的页面。...同时声明scroll和enterAlways，滚动效果如下图所示： ? 后面三个标志都与CollapsingToolbarLayout有关，得配合该控件才能观察细节差异。...所以本文只做下面三个标志的概念解释，有关的效果图参见《Android开发笔记（一百三十六）可折叠工具栏布局CollapsingToolbarLayout》。...具体的滚动说明如下所示：向上滚动：头部先往上收缩，一直滚到折叠的最小高度。然后头部与主体先一起滚动，头部滚到位后，主体继续向上。向下滚动：头部与主体先一起滚动，一直滚到头部折叠的最小高度。

1.9K4 0

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

AppBarLayout 可以让包含在其中的控件响应被标记了ScrollingViewBehavior的View的滚动事件 CollapsingToolbarLayout 可以控制包含在CollapsingToolbarLayout...其中的控件，在响应collapse时是移除屏幕和固定在最上面 TabLayout 结合ViewPager，实现多个TAB的切换的功能 NestedScrollView 与ScrollView基本相同...和TabLayout的使用说明可以参考探索新的Android Material Design支持库代码实现 //Toolbar Toolbar toolbar = (Toolbar) findViewById...后，title需要设置到CollapsingToolbarLayout上 CollapsingToolbarLayout collapsingToolbar = (CollapsingToolbarLayout...= (ViewPager) findViewById(R.id.viewpager); setupViewPager(mViewPager); //给TabLayout增加Tab, 并关联ViewPager

1.2K3 1

CollapsingToolbarLayout使用

WindowManager.LayoutParams.FLAG_TRANSLUCENT_STATUS);（支持API19及以上版本，位于setContentView语句前面）一起使用，使顶部视图展开时图片能够延伸到状态栏位置显示，如效果图中所示；contentScrim内容遮罩，上下滚动时图片上面显示和隐藏的遮罩色...attr/colorPrimary"，即显示为Toolbar颜色，应用的主题色；layout_collapseMode折叠模式，设置其他控件滚动时自身的交互行为，有两种取值：parallax，折叠视差效果...当设置为1.0，滚动列表时图片不会折叠移动；代码实现：关于CoordinatorLayout作为根布局容器如何协调子控件之间的交互行为，可以参考上一篇文章，这里我介绍一下本例中几个新的注意点。...作为AppBarLayout的直接子控件，CollapsingToolbarLayout包裹Header部分的ImageView和Toolbar，并分别设置二者的折叠模式。...和layout_anchorGravity可以控制FloatingActionButton的behavior和位置，如上图所示，当滚动列表是，FAB按钮会随着AppBarLayout而显示和隐藏，并自带缩放动画

2.4K6 0

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

可折叠工具栏布局CollapsingToolbarLayout 上一篇博文《Android开发笔记（一百三十五）应用栏布局AppBarLayout》阐述了如何把Toolbar往上滚动，那反过来，...的折叠效果并不仅限于和Toolbar的互动，还包括标题文字的样式渐变（文字大小、颜色、间距等等），连背景图片都可以实现折叠的渐变效果。...同时声明scroll和exitUntilCollapsed，滚动效果如下图所示： ?...具体的滚动说明如下所示：向上滚动：头部先往上收缩，一直滚到折叠的最小高度。然后头部与主体先一起滚动，头部滚到位后，主体继续向上。向下滚动：头部与主体先一起滚动，一直滚到头部折叠的最小高度。...同时声明scroll和snap，滚动效果如下图所示： ?

3.1K3 0

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

Material Design之CollapsingToolbarLayout 相关属性和方法介绍转载请以链接形式标明出处： http://blog.csdn.net/lxk_1993/article...在折叠的时候显示的toolbar的id 13.app:layout_scrollFlags="scroll|exitUntilCollapsed" scroll - 想滚动就必须设置这个。...parallax - 设置为这个模式时，在内容滚动时，CollapsingToolbarLayout中的View（比如ImageView)也可以同时滚动，实现视差滚动效果，通常和layout_collapseParallaxMultiplier...它和scrollview 基本上一样但是它支持嵌套滚动嵌套滚动默认是启用的。还有一个属性，不过蛋疼的是这属性要全手打，没提示不知道怎么破。...//设置和获取折叠之后的标题位置 getCollapsedTitleGravity(); setCollapsedTitleGravity(int gravity) //获取和设置折叠之后的背景

8973 0

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

作用View随着被依赖View状态的变化而变化，有点类似于观察模式中的观察者和被观察者。...：是一个专门用来包裹Toolbar的控件，里面可以放置一个头部ImageView和一个toolbar。...内部的子View一般都要加上属性：app:layout_collapseMode=""，常用值是parallax（视差滚动），pin（固定）。...CollapsingToolbarLayout使用app:contentScrim="@color/titleBarColor2"来设置内容纱布，就是当折叠到只剩下Toolbar的时候，用另外一个的图片或者颜色来设置...在此注意AppBarLayout如果设置了layout_scrollFlags="snap"，但是Viewpager没有设置layout_behavior，View一样会自动隐藏，让人误以为child与

2K3 0

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

exitUntilCollapsed: 代码中枚举SCROLL_FLAG_EXIT_UNTIL_COLLAPSED 滚动退出屏幕，最后折叠在顶端。...设置exitUntilCollapsed也就是为true的时候，任意向上的滚动都会让view（Toolbar）变为minHeight的高度可见，而不会全部消失反之，不设置，也就是false，会全部消失...---- 中场小节 CoordinatorLayout中，如果NestedScrollView要和Toolbar互动的话（CollapsingToolbarLayout等之后在了解，这里不涉及）...layout_behavior="@string/appbar_scrolling_view_behavior" 再给Fragment中添加一点TextView 在Activity中，绑定对应的TabLayout和ViewPager...这里和前面还不太一样，这里是CollapsingToolbarLayout 所以，我们简单在CollapsingToolbarLayout中，添加一个ImageView（自己从小学就比较崇拜的欧拉）

1.4K3 0

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

="pin" app:layout_collapseMode="none" 从xml中的参数说吧, 来看CollapsingToolbarLayout的折叠模式....也就是说, pin模式下, 下面的滚动视图和图片是同步滑动的, 但是这样的观感其实不好. parallax则改进了这一点, 看起来很和谐, 尽管两者不再同步, 这就是翻译后说的以视差方式滚动了. -...如果在此之前的任何兄弟视图没有此标志, 则此值无效. exitUntilCollapsed 退出(滚动屏幕)时, 视图将滚动直到“折叠”. 折叠高度由视图的最小高度定义。...一旦滚动视图到达其滚动范围的末尾, 该视图的其余部分将滚动到视图中. 折叠高度由视图的最小高度定义....不写的话左侧有默认的边距.

9542 0

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

app:contentScrim指定CollapsmgToolbarLayout在趋于折叠状态以及折叠之后的背景色，其实CollapsingToolbarLayout在折叠之后就是一个普通的Toolbar...其中， scroll表示CollapsingToolbarLayout会随着水果内容详情的滚动一起滚动， exitUntilCollapsed表示当CollapsingToolbarLayout随着滚动完成折叠之后就保留在界面上...这里在CollapsingToolbarLayout中定义了一个ImageView和一个Toolbar，也即这个高级版的标题栏是由普通的标题栏加上图片组合而成的。...以及， app:layout_collapseMode用于指定当前控件在CollapsingToolbarLayout折叠过程中的折叠模式，其中Toolbar指定成pin，表示在折叠的过程中位置始终保持不变...由于CoordinatorLayout本身已经可以响应滚动事件了，因此我们在它的内部就需要使用NestedScrollView或RecyclerView这样可以响应滚动事件的布局。

2.2K4 0

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

当我们引入RecyclerView的时候，恰好是压死骆驼的最后一根稻草，故不得不采用其他方案来代替RecyclerView 和 CollapsingToolbarLayout实现的折叠效果。...本文试着采用 NestedScrollView 嵌套 ListView的方法来实现折叠效果。具体结果如图所示： ?...app:contentScrim 表示CollapsingToolbarLayout折叠以后，toolbar的颜色。...app:layout_scrollFlags="scroll|exitUntilCollapsed" 表示CoordinatorLayout的依赖元素滚动的时候，进行折叠。...scroll - 想滚动就必须设置这个。

3.3K5 0

CoordinatorLayout使用浅析

large_text"/> 外层是CoordinatorLayout，然后是AppBarLayout，然后是内容区和FloatingActionButton...这个AppBarLayout是有固定高度的，然后里面包着Toolbar，Toolbar外层是CollapsingToolbarLayout，是可折叠的 CollapsingToolbarLayout主要参数是...enterAlways ：表示向上滑动消失，向下滑动可见 Toolbar主要参数app:layout_collapseMode： pin ：固定模式，在折叠的时候最后固定在顶端 parallax ：视差模式...，在折叠的时候会有个视差折叠的效果。...tabTextColor="@color/gray"/> <android.support.v4.view.ViewPager

3483 0

CoordinatorLayout与滚动的处理

本博文专门讲解和CoordinatorLayout相关的知识点，这也是Design Support Library中最重要与最难的部分。...目前这个框架提供了几种不用写动画代码就能工作的方法，这些效果包括：让浮动操作按钮上下滑动，为Snackbar留出空间 ? 扩展或者缩小Toolbar或者头部，让主内容区域有更多的空间。 ?...---- Creating Collapsing Effects（制造折叠效果）如果想制造toolbar的折叠效果，我们必须把Toolbar放在CollapsingToolbarLayout中： .support.design.widget.CollapsingToolbarLayout...还能让我们做出更高级的动画，比如在里面放一个ImageView，然后在它折叠的时候渐渐淡出。...CoordinatorLayout的工作原理是搜索定义了CoordinatorLayout Behavior 的子view，不管是通过在xml中使用app:layout_behavior标签还是通过在代码中对

7162 0

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

下面来通过flag为exitUntilCollapsed时，来实现Toolbar的折叠显示的效果。...android.support.design.widget.AppBarLayout 实现视觉差的属性主要来自于app:layout_collapseMode=”parallax”,这个flag代表的是视差模式，即在折叠的时候会有视差折叠的效果...，而“pin”，固定模式，就是在折叠的最后固定在最顶端。...CoordinatorLayout的工作原理是搜索定义了CoordinatorLayout Behavior的子view，不管是通过在xml中使用app:layout_behavior标签还是通过在代码中对...要自己定义CoordinatorLayoutBehavior，你需要实现layoutDependsOn() 和onDependentViewChanged()两个方法。

8794 1

点击加载更多

扫码

添加站长进交流群

领取专属 10元无门槛券

手把手带您无忧上云

扫码加入开发者社群

相关资讯

热门标签

活动推荐

运营活动

活动名称

广告关闭