AndroidX之CoordinatorLayout+AppBarLayout顶部折叠栏

Android之CoordinatorLayout+AppBarLayout顶部折叠栏

我的是androidX

添加依赖

  implementation 'com.google.android.material:material:1.0.0'implementation 'androidx.recyclerview:recyclerview:1.0.0'

与之前不同的是

Recycleview里面的是这个：app:layout_behavior="com.google.android.material.appbar.AppBarLayout$ScrollingViewBehavior"

大概写个结构：

 <com.google.android.material.appbar.AppBarLayout<com.google.android.material.appbar.AppBarLayout//这个button可以折叠<Button  app:layout_scrollFlags="scroll|enterAlways"></com.google.android.material.appbar.AppBarLayout>//列表<androidx.recyclerview.widget.RecyclerView>
</androidx.coordinatorlayout.widget.CoordinatorLayout>

下面是全部代码，放到一个布局里面就行

<androidx.coordinatorlayout.widget.CoordinatorLayoutandroid:layout_width="match_parent"android:layout_height="match_parent">这个view的子view,有app:layout_scrollFlags="scroll|enterAlways"就可以折叠<com.google.android.material.appbar.AppBarLayoutandroid:layout_width="match_parent"android:layout_height="wrap_content"><!--这个继承了，所以这里面的都会被折叠--><LinearLayoutapp:layout_scrollFlags="scroll|enterAlways"android:layout_width="match_parent"android:layout_height="wrap_content"android:orientation="vertical"android:gravity="center_vertical"><Buttonandroid:text="aaa"android:layout_width="match_parent"android:layout_height="wrap_content" /><Buttonapp:layout_scrollFlags="scroll|enterAlways"android:text="ccc"android:layout_width="match_parent"android:layout_height="wrap_content" /><Buttonapp:layout_scrollFlags="scroll|enterAlways"android:text="ddd"android:layout_width="match_parent"android:layout_height="wrap_content" /><Buttonapp:layout_scrollFlags="scroll|enterAlways"android:text="bbb"android:layout_width="match_parent"android:layout_height="wrap_content" /></LinearLayout><!--这是一个不会动的标题栏--><androidx.appcompat.widget.Toolbarandroid:layout_width="match_parent"android:layout_height="50dp"></androidx.appcompat.widget.Toolbar></com.google.android.material.appbar.AppBarLayout><!--RecyclerView的列表--><!--AndroidX要使用：app:layout_behavior="com.google.android.material.appbar.AppBarLayout$ScrollingViewBehavior"才行--><androidx.recyclerview.widget.RecyclerViewapp:layout_behavior="com.google.android.material.appbar.AppBarLayout$ScrollingViewBehavior"android:id="@+id/recycler_view"android:layout_width="match_parent"android:layout_height="match_parent"/></androidx.coordinatorlayout.widget.CoordinatorLayout>

AndroidX之CoordinatorLayout+AppBarLayout顶部折叠栏相关推荐

CoordinatorLayout+AppBarLayout顶部栏吸顶效果
看需求/效果如果要实现如下效果,顶部标题栏随着上滑隐藏,且能显示缩略文字标题,那么就要用到CoordinatorLayout+几个layout了. 控件简介 CoordinatorLayout遵循M ...
Androidx CoordinatorLayout 和 AppBarLayout 实现折叠效果(通俗的说是粘性头效果)
Androidx CoordinatorLayout 和 AppBarLayout 实现折叠效果或者说是粘性头效果先看下面是不是你需要的结果大致顺序是先滚动整体,然后折叠在滚动list ...
CoordinatorLayout中AppBarLayout的折叠仅依靠滑动RecyclerView实现
直接上效果图,如果不做处理,CoordinatorLayout中的AppBarLayout可以滑动折叠. 我们希望达到如下的效果,即AppBarLayout的折叠仅依靠滑动RecyclerView实现 ...
android开发(49) android 使用 CollapsingToolbarLayout ，可折叠的顶部导航栏
概述在很app上都见过可折叠的顶部导航栏效果.google support v7 提供了 CollapsingToolbarLayout 可以实现这个效果.效果图如下: 实现步骤 1. 写 ...
CoordinatorLayout/AppbarLayout/CollapsingToolbarLayout的配合使用，Toolbar特效
上面这个特效就是Toolbar与CoordinatorLayout/AppbarLayout/CollapsingToolbarLayout配合后的效果:这几个View单独使用没什么效果,一般都是要互 ...
Meterial Design最佳体验(1)：使用Toolbar, CoordinatorLayout, AppBarLayout等实现精美标题栏
Meterial Design最佳体验(1): 使用Toolbar, CoordinatorLayout, AppBarLayout等实现精美标题栏作 ...
coordinatorlayout_一篇文章学会Coordinatorlayout+AppbarLayout
点击上方蓝字关注 ?? 来源: 奔跑吧李博 https://www.jianshu.com/p/cd93da2b7a24 前言现如今,折叠式布局在App中相当常见,给人一种科技感,充满良好的用户体 ...
SwipeRefreshLayout+CoordinatorLayout+AppBarLayout+TabLayout+ViewPager+RecyclerView 刷新，不能滑动等问题
使用SwipeRefreshLayout+CoordinatorLayout+AppBarLayout+TabLayout+ViewPager+Fragment+RecyclerView 实现首页悬浮 ...
Android CoordinatorLayout 实现浮动导航栏效果、常规用法
CoordinatorLayout Android CoordinatorLayout+RecyclerView Demo Android CoordinatorLayout+AppBarLayout ...

AndroidX之CoordinatorLayout+AppBarLayout顶部折叠栏

AndroidX之CoordinatorLayout+AppBarLayout顶部折叠栏相关推荐

最新文章

热门文章