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

带有NestedScrollView和水平滚动RecyclerView的CoordinatorLayout

是一种常用的布局方式,用于实现复杂的滚动效果和交互体验。下面是对该布局的详细解释:

  1. NestedScrollView(嵌套滚动视图)是Android Support库中提供的一个可嵌套滚动的容器视图,它可以包含一个或多个可滚动的子视图,并且支持垂直滚动。NestedScrollView可以嵌套在CoordinatorLayout中,以实现复杂的滚动效果。
  2. CoordinatorLayout(协调布局)是Android Support库中提供的一个高级布局容器,用于实现复杂的交互效果和协调子视图之间的行为。它可以监听子视图的滚动事件,并根据滚动的位置和状态来调整其他子视图的位置和行为。
  3. 水平滚动RecyclerView是一个支持水平方向滚动的RecyclerView,它可以展示水平排列的列表数据。通过将水平滚动RecyclerView嵌套在NestedScrollView中,可以实现同时垂直和水平方向的滚动效果。

带有NestedScrollView和水平滚动RecyclerView的CoordinatorLayout常用于以下场景:

  1. 复杂的页面布局:当页面需要同时支持垂直和水平方向的滚动,并且包含多个可滚动的子视图时,可以使用该布局来实现。
  2. 图片浏览器:在图片浏览器中,可以使用NestedScrollView来支持垂直方向的滚动,同时使用水平滚动RecyclerView来展示水平排列的图片列表。
  3. 新闻资讯类应用:在新闻资讯类应用中,可以使用该布局来实现文章详情页,其中垂直滚动的内容包括文章标题、作者信息、正文内容等,而水平滚动的内容包括相关推荐文章列表。

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

  1. 腾讯云移动开发平台:提供了丰富的移动开发工具和服务,帮助开发者快速构建高质量的移动应用。详情请参考:https://cloud.tencent.com/product/mpp
  2. 腾讯云云服务器(CVM):提供了弹性、安全、稳定的云服务器实例,适用于各种应用场景。详情请参考:https://cloud.tencent.com/product/cvm
  3. 腾讯云对象存储(COS):提供了安全、可靠、低成本的云端存储服务,适用于存储和处理各种类型的数据。详情请参考:https://cloud.tencent.com/product/cos

请注意,以上链接仅供参考,具体的产品选择应根据实际需求和情况进行评估和决策。

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

相关·内容

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

需要)、design库(AppBarLayout需要)、recyclerview库(主页面的RecyclerView需要); 2、布局文件根布局采用android.support.design.widget.CoordinatorLayout...RecyclerView是其中一个特工,它可用来替代ListViewGridView;替代ScrollView则另有其人,它便是嵌套滚动视图NestedScrollView,在Android5.0之后...> 话说除了RecyclerViewNestedScrollView,还有哪些控件可以触发...这还得从CoordinatorLayout说起,查看CoordinatorLayout源代码,发现它实现了接口NestedScrollingParent,奥秘就在其中,该接口定义了嵌套滚动父辈行为,...1、AppBarLayout滚动依赖于主体视图滚动,与主体视图相对应,可将AppBarLayout称作头部视图。既然一个页面分为头部主体两部分,那么就存在谁先滚谁后滚问题了。

1.9K40

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

滚动事件,那么在CoordinatorLayout布局里其它标记了app:layout_behavior子View(LinearLayout、RecyclerViewNestedScrollView...tabMode —Tab模式,有固定滚动两个模式,分别为 fixed scrollable。 tabTextColor —设置默认状态下Tab上字体颜色。...布局下包裹一个可以滑动布局,比如 RecyclerViewNestedScrollView(经过测试,ListView,ScrollView不支持)具有滑动效果组件。...并且给这些组件设置如下属性来告诉CoordinatorLayout,该组件是带有滑动行为组件,然后CoordinatorLayout在接受到滑动时会通知AppBarLayout 中可滑动Toolbar...给你可滑动组件,也就是RecyclerView 或者 NestedScrollView 设置如下属性: app:layout_behavior="@string/appbar_scrolling_view_behavior

2K30

NestedScrolling机制之CoordinatorLayout.Behavior实战

在上一讲中我们讲了NestedScrolling机制,其实android很多有些常用控件都是支持NestedScrolling机制,如RecyclerView,NestedScrollView等,...这个相当于NestedScrolling机制运用封装。...其实这是CoordinatorLayout父View绑定一个叫goods_list_behavior子View,有个这个就完成了父View子View关联,那么goods_list_behavior...* coordinatorLayout 同上 * child 同上 * target 同上 * dxConsumed 水平滑动实时距离 * dyConsumed 竖直滑动实时距离 * dxUnconsumed...view处于滚动状态,但是并不是由target消耗滚动时候触发,这个是水平滚动实时距离 * dyUnconsumed view处于滚动状态,但是并不是由target消耗滚动时候触发,这个是竖直滚动实时距离

85810

嵌套滑动通用解决方案--NestedScrollingParent2

之前写过一篇嵌套滑动--NestedScroll-项目实例(淘宝首页缺陷),及CoordinatorLayout AppbarLayout 联动原理,比较了淘宝京东首页滑动效果,分析了效果呈现差别的原因...2.2 再来看看NestedScrollView嵌套RecyclerView 关于NestedScrollView嵌套RecyclerView情况,即头部列表可以一起滑动。如下图: ?...NestedScrollView嵌套RecyclerView 参考这篇实名反对《阿里巴巴Android开发手册》中NestedScrollView嵌套RecyclerView用法。...从此篇文章分析结论得知,NestedScrollView嵌套RecyclerView虽然可以实现效果,但是RecyclerView会瞬间加载所有item,RecyclerView失去view回收特性...作者最后建议使用RecyclerView多布局。 但其实在真实应用中,可能 头部 列表 数据来自不同接口,当列表数据请求失败时要展示缺省图,但头部还是会展示。

3.6K31

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

当我在AS上新建一个module时,系统默认最外层布局不再是我们熟悉五大布局中一种,而是一个全新布局:CoordinatorLayout。...要想要ToolBar响应滚动事件,这里我们需要用到一个控件:AppBarLayout,这个控件必须作为CoordinatorLayout直接子View,才会响应滚动事件。...然后呢,我们需要定义一下AppBarLayout与滚动视图(如RecyclerViewNestedScrollView等可以支持嵌套滚动控件)supportlibrary包含了一个特殊字符串资源@...何时发生了滚动事件,这个behavior需要设置在触发事件(滚动view之上。...当滚动发生时候,CoordinatorLayout会尝试触发那些声明了依赖子view。

87141

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

所以除了使用 NestedScrollView,我们还经常使用 RecyclerView SwipeRefreshLayout 作为配套嵌套滑动组件,这是其它博文都没有提到,希望大家注意。...enter exit 概念 这两个直译为中文就是进入离开。这里主语是 AppBarLayout 中内容,宾语是 CoordinatorLayout。 ?...因为有 enterAlways 存在,Toolbar 会 NestedScrollView 一起响应滑动,但是又因为 enterAlwaysCollapsed 存在,它这种行为被限定了。...大家可以参考下 ViewPager 是怎么滑动,只不过 ViewPager 是水平方向上,AppBarLayout 中内容是垂直方向上行为。...就是滚动速度不同,造成视觉差异效果。也就是说 CollapsingToolbarLayout 中有的 view 滚动快一些,其它滚动慢一些。

2.6K30

最能解决你痛点问题,也是你最需要,尽在Material Design 系列这篇

,以前写过一篇,那就是《通过来模仿稀土掘金个人页面的布局来学习使用CoordinatorLayout 》,一直关注看公众号关注者应该看到过,上一篇推送也特别讲了 CoordinatorLayout...哈哈……这次写这篇是对我上一篇《通过来模仿稀土掘金个人页面的布局来学习使用CoordinatorLayout 》遗留问题加强修改。...第三个问题 CoordinatorLayout协同布局在一般只结合RecyclerViewNestedScrollView使用,所以你用ListView没有效果,如果你硬要用ListView那就比较麻烦了...你去分析源码可以知道RecyclerViewNestedScrollView它们都实现了一个接口NestedScrollingChild,所以我们可以自定义ListView,实现NestedScrollingChild...你也可以使用listView.setNestedScrollingEnabled(true)也行,也能做到,但是貌似这两种方法只能支持在android5.0以上手机才能用,所以还是建议大家使用RecyclerView

62880

Android 折叠式布局

从头开始 先建立一个名为 Folding 项目,然后在创建一个Activity, OneActivity 这个Activity带有自身XML布局文件, ** 标题栏折叠** 首先打开activity_one.xml...嵌套好之后设置一些简单样式即可 到这一步基本上这个折叠布局已经完成了,然后只要填充相关控件即可实现效果,要注意点是Toolbar中放置是你需要折叠展开控件,而AppBarLayout中放置是...为了使体现更好可以AppBarLayout下面放一个滚动条,不要用ScrollView而是NestedScrollView因为这里你是要联动。...不论是ScrollView还是NestedScrollView,里面都只能包裹一个控件,我常用是LinearLayout 然后LinearLayout里面设置纵向排列,放三张图片,这样LinearLayout...总高度就会超过手机屏幕,形成滑动之后图片向上面展示效果,其实加了NestedScrollView之后,即使里面什么东西都没有,你照样可以滚动,但是如果你用ScrollView就不行,它里面就必须要有东西才行

1.4K20

Android5.06.0之后新增控件说明

为此,博主初步整理了Android在5.06.0之后新增控件,及其对应说明博文,给大家提供一个可资学习借鉴索引。...SwipeRefreshLayout Android 5.0 抽屉布局 DrawerLayout Android 5.0 滑动面板布局 SlidingPaneLayout Android 5.0 嵌套滚动视图...NestedScrollView Android 5.0 appcompat-v7 工具栏 Toolbar Android 5.0 recyclerview-v7 循环视图 RecyclerView...3、第三类是v7兼容库design库,它们有各自库工程,开发者要在App工程中手工导入用到兼容库。 v7与design库导入App工程后,编译出来App即可兼容4.*系统。...Android5.06.0之后补充了这么多新控件,自然有部分老控件变过时了,下面就列举部分新旧控件替代关系: Toolbar:替代ActionBar RecyclerView:替代ListView

1.2K20
领券