首页
学习
活动
专区
工具
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是其中一个特工,它可用来替代ListView和GridView;替代ScrollView的则另有其人,它便是嵌套滚动视图NestedScrollView,在Android5.0之后的...> CoordinatorLayout> 话说除了RecyclerView和NestedScrollView,还有哪些控件可以触发...这还得从CoordinatorLayout说起,查看CoordinatorLayout的源代码,发现它实现了接口NestedScrollingParent,奥秘就在其中,该接口定义了嵌套滚动的父辈行为,...1、AppBarLayout的滚动依赖于主体视图的滚动,与主体视图相对应的,可将AppBarLayout称作头部视图。既然一个页面分为头部和主体两部分,那么就存在谁先滚谁后滚的问题了。

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

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

    2.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消耗的滚动时候触发,这个是竖直滚动的实时距离

    89810

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

    > CoordinatorLayout> 我们知道ScrollView允许使用滚动的方式来查看屏幕以外的数据, 而NestedScrollView...在此基础之上增加了嵌套响应滚动事件的功能。...由于CoordinatorLayout本身已经可以响应滚动事件了, 因此我们在它的内部就需要使用NestedScrollView或RecyclerView这样可以响应滚动事件的布局。...另外,通过 app:layout_behavior属性指定一个布局行为,这和之前 第四弹 在RecyclerView中的用法是一模一样的。...> CoordinatorLayout> 这里主要要注意的是,为了让界面更加美观,在CardView和TextView上都加了一些边距

    2.3K40

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

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

    3.8K31

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

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

    3.1K30

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

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

    65980

    Android 折叠式布局

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

    1.4K20

    Android5.0和6.0之后新增的控件说明

    为此,博主初步整理了Android在5.0和6.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.0和6.0之后补充了这么多新控件,自然有部分老控件变过时了,下面就列举部分新旧控件的替代关系: Toolbar:替代ActionBar RecyclerView:替代ListView和

    1.3K20

    实现一个带有header和footer功能的RecyclerView

    RecyclerView是Android 5.0版本引入的一个新的组件,目的是在一些场景中取代之前ListView和GridView,实现性能更优的解决方案。...同时RecyclerView的灵活性让它可胜任更多的场景。关于RecyclerView的使用有太多的文章了,大家可以自行搜索。...我们知道RecyclerView很灵活,灵活到很多功能需要我们自己实现,比如ListView和GridView中最常用的Item点击事件。...GridLayoutManager 经过上面几步,我们已经构建了一个带有header和footer的adapter。...通过上面的处理,header和footer的功能基本完善了,如果遇到其他问题,可以参照上面两种情况进行处理。 下拉刷新 最后我们再为这个RecyclerView实现下拉刷新和加载更多功能。

    1.8K20

    针对 CoordinatorLayout 及 Behavior 的一次细节较真

    官方文档的内容太少了,说的是滑动,但是我并不明白是什么滑动。是响应谁的滑动。 我们一般接触到的滑动控件是 ScrollView、ListView 和 RecyclerView。...它有 4 个实现类:NavigationMenuView、NestedScrollView、RecyclerView、SwipleRefreshLayout。 好吧,这次追踪完结了。...RecyclerView 和 SwipleRefreshLayout 我们自然是熟悉,NestedScrollView 看名字就可以联想到是能产生嵌套滑动的 ScrollView。...快速滑动 NestedScrollView 或者 RecyclerView,手指停下来的时候,滑动并没有马上停止,这就是 fling 操作。...另外一个有意思的地方就是,NestedScrollView 它有两种身份,它同时实现了 NestedScrollingChild 和 NestedScrollParent 接口,也就说明它具备了两种能力

    1.3K20
    领券