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

如何在AppbarLayout之后放置我的NestedScrollView

在AppbarLayout之后放置NestedScrollView的方法如下:

  1. 首先,在布局文件中添加一个CoordinatorLayout作为根布局,它将用于协调AppbarLayout和NestedScrollView的滚动效果。
代码语言:txt
复制
<androidx.coordinatorlayout.widget.CoordinatorLayout
    android:layout_width="match_parent"
    android:layout_height="match_parent">

    <!-- AppbarLayout -->
    <com.google.android.material.appbar.AppBarLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content">

        <!-- Toolbar 或者其他的AppBar组件 -->

    </com.google.android.material.appbar.AppBarLayout>

    <!-- NestedScrollView -->
    <androidx.core.widget.NestedScrollView
        android:layout_width="match_parent"
        android:layout_height="match_parent">

        <!-- NestedScrollView的内容 -->

    </androidx.core.widget.NestedScrollView>

</androidx.coordinatorlayout.widget.CoordinatorLayout>
  1. 在布局文件中,将AppbarLayout和NestedScrollView作为CoordinatorLayout的直接子视图,并按照顺序放置。
  2. 在NestedScrollView的内容中添加你想要显示的视图,例如文本、图片、列表等。

这样,NestedScrollView将会在AppbarLayout之后显示,并且在滚动时会产生协调效果。

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

  • 腾讯云移动应用分析(MTA):提供移动应用数据分析服务,帮助开发者了解用户行为和应用性能。了解更多:腾讯云移动应用分析(MTA)
  • 腾讯云云服务器(CVM):提供可扩展的云服务器实例,适用于各种应用场景。了解更多:腾讯云云服务器(CVM)
  • 腾讯云对象存储(COS):提供安全可靠的云端存储服务,适用于存储和处理各种类型的数据。了解更多:腾讯云对象存储(COS)

请注意,以上仅为示例推荐的腾讯云产品,并非广告宣传。在实际使用时,请根据具体需求选择合适的产品。

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

相关·内容

Android 折叠式布局

嵌套好之后设置一些简单样式即可 到这一步基本上这个折叠布局已经完成了,然后只要填充相关控件即可实现效果,要注意点是Toolbar中放置是你需要折叠和展开控件,而AppBarLayout放置是...Toolbar折叠之后显示控件,这个地方你可以放任何控件,前提是你得避免控件之间冲突。...为了使体现更好可以AppBarLayout下面放一个滚动条,不要用ScrollView而是NestedScrollView因为这里你是要联动。...不论是ScrollView还是NestedScrollView,里面都只能包裹一个控件,常用是LinearLayout 然后LinearLayout里面设置纵向排列,放三张图片,这样LinearLayout...总高度就会超过手机屏幕,形成滑动之后图片向上面展示效果,其实加了NestedScrollView之后,即使里面什么东西都没有,你照样可以滚动,但是如果你用ScrollView就不行,它里面就必须要有东西才行

1.4K20

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

对于大家关心额外功能,则主要有以下几点: 1、支持响应主体页面的滑动行为,即在主体页面上移或者下拉时,AppBarLayout能够捕捉到主体页面的滚动操作; 2、AppBarLayout捕捉到滚动操作之后...虽说通过AppBarLayout可实现Toolbar滚动效果,但并非所有可滚动控件都会触发Toolbar滚动,事实上只有Android5.0之后新增少数滚动控件才具备该特技。...RecyclerView是其中一个特工,它可用来替代ListView和GridView;替代ScrollView则另有其人,它便是嵌套滚动视图NestedScrollView,在Android5.0之后...NestedScrollView继承自FrameLayout,其用法与ScrollView相似,都必须且只能带一个直接子视图,都是允许视图上下滚动等等。...下面是AppBarLayout结合NestedScrollView实现工具栏向上滚动效果截图: ?

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

    Android Support Desgin 这个包中提供了一系列组件:CoordinatorLayout、AppBarLayout、FloatingActionButton 等等。...AppBarLayout 内部子 View 不一定非要是 Toolbar,它可以是任何 View,比如,你可以放置进去一张图片、一个列表、一个 ViewPager 等等。...现在,尝试用自己理解来解释这个东西,真的是自己理解,不代表完全正确,但是觉得这种理解有助于初学者来理解 Content scrim。 我们先来思考一个词语:交互。...注意措辞,是 Content scrim 会遮住 title 下方内容部分。如果一个 CollapsingToolbarLayout 中只有 Toolbar 的话,那么它就不起作用。...它还有一个特别的地方就是,它只作用在 SDK 5.0 版本之后,并且需要正确配置。 所谓正确配置其实是说它需要一个 system inset 矩形,什么意思呢?

    3K30

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

    一张没图片和一张有图片,图片太丑别怪我。还是把图换了吧,怕你们打我。 开始无知还以为是监听 onTouchListener 根据滑动距离和位置来改变显示效果来实现。...指定在折叠之后标题放置位置  2.android.support.design:collapsedTitleTextAppearance  e.g. app:collapsedTitleTextAppearance...一个问题NestedScrollView高度加上顶部AppBarLayout高度没超过屏幕高低滑动有问题(只能在AppBarLayout范围内才能滑动); <?...//设置和获取折叠之后标题位置 getCollapsedTitleGravity(); setCollapsedTitleGravity(int gravity) //获取和设置折叠之后背景...) 如果你喜欢博客,请关注

    93930

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

    app:contentScrim指定CollapsmgToolbarLayout在趋于折叠状态以及折叠之后背景色, 其实CollapsingToolbarLayout在折叠之后就是一个普通Toolbar... <android.support.v4.widget.NestedScrollView...首先需要提前准备好一个图标, 这里放置了一张ic_comment.png到drawable-xxhdpi目录下。 然后修改activity_fruit.xml: .........在水果详情界面的逻辑中,findViewbyid写错成了卡片水果列表界面的ImageViewid: ?...只不过Android5.0系统之前是无法对状态栏背景或颜色进行操作,那个时候也没有Matenal Design概念。 而Android5.0及之后系统就支持这个功能。

    2.3K40

    CoordinatorLayout使用(四):和Toolbar简单使用

    这里Toolbar会一直显示 ---- Toolbar和NestedScrollView联动 前面不能联动,是因为没有接收behavior 我们在Toolbar外面添加一个 android.support.design.widget.AppBarLayout...---- 中场小节 CoordinatorLayout中, 如果NestedScrollView要和Toolbar互动的话(CollapsingToolbarLayout等之后在了解,这里不涉及)...需要注意几点 外面先要添加AppBarLayout来接收Behavior 再要注意给NestedScrollView 添加app:layout_behavior="@string/appbar_scrolling_view_behavior...这个时候,我们想做一个pendingTabLayout 滑动时候,隐藏上面的Toolbar 于是, AppBarLayout中,Toolbar下面,添加一个TabLayout Toolbar添加...a5-2.gif 大体就这样了 代码见后面的地址 ---- 简单小节 CoordinatorLayout中,NestedScrollView和Toolbar联动 注意Toolbar外面要套AppBarLayout

    1.5K30

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

    常常与CoordinatorLayout一起使用控件有AppBarLayout、CollapsingToolbarLayout、NestedScrollView以及Toolbar。...,主要使用于移动设备,智能手机和平板电脑,由Google公司和开放手机联盟领导及开发" app:layout_collapseMode="parallax" />...> <android.support.v4.widget.NestedScrollView android:layout_width="match_parent" android...5总结 简单介绍CoordinatorLayout用法,没有深入介绍,大家如果需要深入了解这个控件使用,在这里推荐一篇认为写博客给大家深入学习。...如果你喜欢文章请关注 程序IT圈 ,欢迎大家继续关注本公众号技术博文。如果您觉得这篇文章对你有所帮助的话,不妨点个赞或给个赞赏哈,您支持就是坚持原创动力~~

    40230

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

    在ConstraintLayout1.x阶段,它主要提供能力是对静态布局支撑,那么到2.x之后,MotionLayout拓展,让它对动态布局支持有了进一步优化,在1.x阶段不能实现嵌套滚动布局布局方式...这种方案布局结构如下: CoordinatorLayout --------AppBarLayout ----------------MotionLayout --------NestedScrollView...AppBarLayout)?....MotionLayout --------MotionLayout --------NestedScrollView 我们可以发现,这里有两层MotionLayout,外层MotionLayout,用于控制头部伸缩布局...解决完外部MotionLayout之后,内部MotionLayout就迎刃而解了,因为它真的就是一个平平常常MotionLayout,你想要对它内部元素做任何改动,都和之前直接使用MotionLayout

    1.1K30

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

    这篇文章其实一直在想,是写还是不写,因为关于讲 CoordinatorLayout,AppBarLayout,CollapsingToolbarLayout,Toolbar,TabLayout 等这些控件使用...这次关于 CoordinatorLayout,AppBarLayout,CollapsingToolbarLayout,Toolbar,TabLayout 等这些控件用法就不讲了,不懂或者不清楚就去看...原图fragment中有列表,你没有,为什么放上ListView之后,标题栏不能折叠等等 现在我们就从以上三个问题,进行修改和加强,优化,在讲之前,先看效果图对比,如果感觉好,你们再继续往下看。...第二个问题 以前毛玻璃效果,是从网上找一个毛玻璃算法,然后搞出来,确实很慢,然后在网上找更快加载速度算法,找来找去,网上都是那几种,最快也得白屏四秒,最后终于搞定了一个快,真的是脑子不灵活了...就是这么解决。怎么使用相信用过glide都会吧,如果你没用过,就去下载源码吧,里面写非常简单。

    65280

    针对 CoordinatorLayout 及 Behavior 一次细节较真

    所以,之后要研究 AppBarLayout 的话也需要研究它 Behavior。不过,这是后话。 Behavior 对滑动事件响应。 其实对于这样行为,存在过困惑。...之前千回百转,只是想找到能够挑起嵌套滑动事端 View 而已。现在找到了之后,我们继续之前的话题。...我们已经熟悉了 CoordinatorLayout,NestedScrollView 也了解一点点。而对于 AppbarLayout 我们还不了解。...接下来,将会一一学习 Android Support Design 这个库中其它有意思类, AppBarLayout、CollapsingToolbarLayout、FloatingActionButton...等等,当然,必不可少是与它们配合使用各类 Behavior,非常牛逼 AppBarLayout.ScrollingViewBehavior 和 BottomSheetBehavior 等等。

    1.2K20

    是时候开始用C#快速开发移动应用了

    在扫了一些资料之后,突然发现国外有很多移动端应用已经是用Xamarin开发,Telerik还有专门团队来开发Xamarin UI 库,这再次激发起了兴趣!...CollapsingToolbar Layout + NestedScrollView (图2中页面往下滚图片缩小直到消失效果实现 ) Recycler View (ListView加强版,适合数据量大...我们用Support Library实现起来就非常方便,下面是这几个组件结构,ViewPager与AppBarLayout同级。 ?...这里不太想给大家展示太多关于UI层代码,如果感兴趣同学可以直接到我GitHub里面去下载。我们主要看一下C#如何在ViewPager里面放视图同时与TabLayout关联起来。...Xamarin为我们提供了一种简单、高效方式来开发强大原生般体验APP。结合C#优雅语法和宇宙最强大IDE,这个事情也许值得一试。

    2.6K60
    领券