将应用程序栏滚动视图行为添加到CoordinatorLayout中的客户视图

是指在Android开发中，通过使用CoordinatorLayout和AppBarLayout来实现应用程序栏的滚动效果。

CoordinatorLayout是一个高级的FrameLayout，它提供了一种灵活的方式来协调子视图之间的交互。AppBarLayout是CoordinatorLayout的一个特殊子视图，它用于实现应用程序栏的滚动行为。

通过将应用程序栏滚动视图行为添加到CoordinatorLayout中的客户视图，可以实现以下效果：

当用户向上滚动时，应用程序栏可以收起或隐藏，以提供更多的可见空间。
当用户向下滚动时，应用程序栏可以展开或显示，以提供导航和其他重要信息。

这种滚动行为可以通过在AppBarLayout中添加CollapsingToolbarLayout来实现。CollapsingToolbarLayout是一个特殊的布局，它可以根据滚动的偏移量来调整应用程序栏的大小和外观。

在实际开发中，可以使用以下步骤将应用程序栏滚动视图行为添加到CoordinatorLayout中的客户视图：

在布局文件中，使用CoordinatorLayout作为根布局，并将AppBarLayout作为其子视图。
在AppBarLayout中，添加一个Toolbar作为应用程序栏的基本布局。
在AppBarLayout中，添加一个CollapsingToolbarLayout作为应用程序栏的可折叠布局。
在CollapsingToolbarLayout中，添加一个ImageView作为背景图像，并设置其属性来实现滚动时的动画效果。
在CollapsingToolbarLayout中，添加其他视图，如标题、副标题、按钮等。
在布局文件中，将CoordinatorLayout与其他视图组件进行适当的嵌套和布局。

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

腾讯云移动开发平台：https://cloud.tencent.com/product/mpp
腾讯云云原生应用引擎：https://cloud.tencent.com/product/tcaplusdb
腾讯云音视频处理：https://cloud.tencent.com/product/vod
腾讯云人工智能：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/ue

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

相关·内容

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

那么Android5.0也同时给出了相应的解决方案，即推出MaterialDesign库，通过该库中的AppBarLayout控件，对Toolbar加以包装，从而实现顶部工具栏的动态变化效果。...scroll|enterAlways"，声明工具栏的滚动行为标志； 6、演示页面的主体页面使用RecyclerView控件，并给该控件节点添加行为属性app:layout_behavior="@string...这还得从CoordinatorLayout说起，查看CoordinatorLayout的源代码，发现它实现了接口NestedScrollingParent，奥秘就在其中，该接口定义了嵌套滚动的父辈行为，...与之对应的是定义了嵌套滚动的子辈行为接口NestedScrollingChild。...1、AppBarLayout的滚动依赖于主体视图的滚动，与主体视图相对应的，可将AppBarLayout称作头部视图。既然一个页面分为头部和主体两部分，那么就存在谁先滚谁后滚的问题了。

2K4 0

Android开发笔记（一百三十七）自定义行为Behavior

先上个图，说明一下自定义行为所支持的画面： ? 从这张女孩照镜子的动画可以看到，当拖动左边女孩头像时，右边镜子里的头像也随之靠近或者远离，颇似现实生活中的镜像运动。...如果按照普通的实现方式，此种照镜子的动画效果，得给两个视图分别注册监听器，然后在A视图移动之际，同时触发B视图的移动行为。...正因为存在以上问题，所以MaterialDesign库专门设计了CoordinatorLayout，用来协调内部视图互相的行为，具体的行为定义模板叫做CoordinatorLayout.Behavior...也许读者对Behavior类还有些陌生，不过之前的几篇博文已经涉及到了部分知识，比如在博文《Android开发笔记（一百三十五）应用栏布局AppBarLayout》中，就提到给主页面的视图节点添加属性app...，在onDependentViewChanged方法中定义重物视图配合人力拉曳时的运动行为； 3、在布局文件中放置定滑轮、人力视图、重物视图，并给重物视图指定layout_behavior属性，说明重物视图的协调动作

1.2K2 0

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

不过，Android在实现展开效果的时候，并非直接让Toolbar展开或收缩，而是另外提供了CollapsingToolbarLayout，通过该布局包裹Toolbar，从而控制标题栏的展开和收缩行为。...app:layout_scrollFlags="scroll|enterAlways"，声明工具栏的滚动行为标志；其实真正运行的时候，Toolbar的高度是固定不变的，变化高度的是CollapsingToolbarLayout...既然二者原本不是一家，那么就得有新的属性用于区分它们内部的行为，新属性在CollapsingToolbarLayout的子视图节点上声明，说明如下： app:layout_collapseMode :...指定子视图（通常是Toolbar）的折叠模式。...同时声明scroll和enterAlways，滚动效果如下图所示： ? 3、exitUntilCollapsed : 该标志保证页面上至少能看到最小化的工具栏，不会完全看不到工具栏。

3.2K3 0

【翻译】MotionLayout实现折叠工具栏（Part 1）

本系列教程中，我会讲解如何使用 MotionLayout 来创建一个我们已经非常熟悉的动画行为：一个折叠工具栏动画（ a Collapsing Toolbar ）。...举个例子，一个折叠工具栏应该根据用户的滚动进行展开和折叠，所以实际动画的运行应该时刻跟随用户的拖拽进行。这也是那些框架办不到的地方。废话不多说，让我们看下我们所要尝试模拟做到的行为动作。...在这里我特意使用了最基本的 View 控件类型，用来说明视图本身并没有产生任何其他的行为动作。当然在实际 App 开发过程中我应该会使用 AppBarLayout 布局配合 Toolbar 控件吧。...如果在设计视图中查看这个布局，我们能看到布局所展示的工具栏处于展开的状态： ?...版本中的行为有点不一致。

1.9K3 1

CoordinatorLayout使用全解析

AppBarLayout的子布局有5种滚动标识(上面代码CollapsingToolbarLayout中配置的app:layout_scrollFlags属性)： scroll：所有想滚动出屏幕的view...exitUntilCollapsed：当你定义了一个minHeight，此布局将在滚动到达这个最小高度的时候折叠。 snap：当一个滚动事件结束，如果视图是部分可见的，那么它将被滚动到收缩或展开。...CollapsingToolbarLayout可以通过app:contentScrim设置折叠时工具栏布局的颜色，通过app:statusBarScrim设置折叠时状态栏的颜色。...CollapsingToolbarLayout的子布局有3种折叠模式（Toolbar中设置的app:layout_collapseMode） off：默认属性，布局将正常显示，无折叠行为。...Design Library的大多功能都是借助Behavior的大量运用来实现的。当然，Behavior无法独立完成工作，必须与实际调用的CoordinatorLayout子视图相绑定。

2K2 0

CollapsingToolbarLayout使用

注意，没有设置这个属性时，默认使用Toolbar的标题；statusBarScrim顶部视图折叠状态下，状态栏的遮罩色。通常这样设置：app:statusBarScrim="?...attr/colorPrimaryDark"，即style样式中定义的沉浸式状态栏颜色。...attr/colorPrimary"，即显示为Toolbar颜色，应用的主题色；layout_collapseMode折叠模式，设置其他控件滚动时自身的交互行为，有两种取值：parallax，折叠视差效果...当设置为1.0，滚动列表时图片不会折叠移动；代码实现：关于CoordinatorLayout作为根布局容器如何协调子控件之间的交互行为，可以参考上一篇文章，这里我介绍一下本例中几个新的注意点。...和values-v21中style样式的statusBarColor和windowDrawsSystemBarBackgrounds属性来完成状态栏的背景色变化，详情参考源码即可；通过layout_anchor

2.5K6 0

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

然后标题栏需要变成透明的. 将标题栏设置透明色那由于5.0之前是不能变的, 将styles.xml从5.0区分开, 5.0之前什么都不做, 之后版本设置标题栏为透明色....Constant Value: 1 (0x00000001) 列个表再看下: 参数效果 none 视图将正常运行, 没有折叠行为 pin 视图将固定到位, 直到它到达CollapsingToolbarLayout...参数效果 scroll 视图将滚动与滚动事件直接相关. 需要设置此标志才能使任何其他标志生效....如果在此之前的任何兄弟视图没有此标志, 则此值无效. exitUntilCollapsed 退出(滚动屏幕)时, 视图将滚动直到“折叠”. 折叠高度由视图的最小高度定义。...一旦滚动视图到达其滚动范围的末尾, 该视图的其余部分将滚动到视图中. 折叠高度由视图的最小高度定义.

9762 0

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

当我在AS上新建一个module时，系统默认的最外层布局不再是我们熟悉的五大布局中的一种，而是一个全新的布局：CoordinatorLayout。...首先因为我们的TooBar是需要响应滚动的视图，所以需要为其配置一个属性：layout_scrollFlags。...通过效果显示，当视图在滚动的时候，ToolBar滚出了屏幕，为内容区域留出了更大空间。...剩下的几个flag解释如下： enterAlways:只要滚动视图向下滚动，view就会显示出来。...CoordinatorLayout的工作原理是搜索定义了CoordinatorLayout Behavior的子view，不管是通过在xml中使用app:layout_behavior标签还是通过在代码中对

9294 1

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

从官方文档中我们可以看到： CoordinatorLayout是一个增强型的FrameLayout。...- 作为一个为子视图之间相互协调手势效果的一个协调布局 - ) 该控件也是Design包下的一个控件，然而这个控件可以被称为Design包中最复杂、功能最强大的控件：CoordinatorLayout...> 上述布局文件中，ToolBar标记了layout_scrollFlags滚动事件，那么当LinearLayout滚动时便可触发ToolBar中的layout_scrollFlags效果即往上滑动隐藏...enterAlwaysCollapsed 当你的视图已经设置minHeight属性又使用此标志时，你的视图只能已最小高度进入，只有当滚动视图到达顶部时才扩大到完整高度 exitUntilCollapsed...并且给这些组件设置如下属性来告诉CoordinatorLayout，该组件是带有滑动行为的组件，然后CoordinatorLayout在接受到滑动时会通知AppBarLayout 中可滑动的Toolbar

2.1K3 0

自定义 Behavior，实现嵌套滑动、平滑切换周月视图的日历

简介先上个小米日历的图，让大家知道要做一个什么效果： [strip] 这是小米日历的效果，在用户操作列表的时候，将日历折叠成周视图，扩大列表的显示区域，同时也不影响日历部分的功能使用，有趣且实用。...在布局中，对子控件配置 app:layout_behavior 属性，实现对应的联动效果。所以这里我们需要自定义日历和列表的两个 Behavior。 Behavior 有两种实现联动的方式。...= 0; } onNestedPreScroll 这个方法是在准备滚动之前调用的，它带有滚动偏移量 dy。...折叠过程中，要将偏移量消费掉，这就用到了 consumed 这个参数，它是一个长度为 2 的数组，存放的是要消费掉的 x 和 y 轴偏移量。...当滑动到最上面的时候切换为周视图，其余的情况都是月视图： @Override public void onStopNestedScroll(final CoordinatorLayout coordinatorLayout

3.3K1 0

一个Demo学会用Android兼容包新控件

-- 用来放Drawerlayout中的内容，这里使用NavigationView来实现类似Google pLay中的侧滑栏效果，必须在build.gradle中添加compile...将AppBarLayout放在CoordinatorLayout中，就可以实现滚动效果。...本例中，TabLayout在界面滚动时，随着Toolbar的逐渐隐藏，将占据Toolbar的位置，达到节省屏幕空间，界面动画效果的目的。...enterAlwaysCollapsed: 当你的视图已经设置minHeight属性又使用此标志时，你的视图只能以最小高度进入，只有当滚动视图到达顶部时才扩大到完整高度。...exitUntilCollapsed: 当视图会在滚动时，它一直滚动到设置的minHeight时完全隐藏。

1.5K4 0

【Hybrid开发高级系列】ReactNative(七) —— RN组件专题

contentContainerStyle StyleSheetPropType(ViewStylePropTypes) 这些样式将应用到滚动视图内容容器中，内容容器包装了所有的子视图。...这个动作的完成实际上并没有改变视图的层次，一般来说很容易添加到一个应用程序，并且不会产生奇怪的副作用。 ...4.1.1 使用Images.xcassets将静态资源添加到你的iOS应用程序中 NOTE: 生成应用程序所需的新资源无论在什么时候，您想把新的资源添加到Images.xcassets...4.1.2 将静态资源添加到您的Android应用程序中将您的图像作为位图画板添加到android项目中( /android/app/src/main/res)。...NOTE:生成应用程序所需的新资源无论在什么时候您把新的资源添加到您的画板中您都需要在使用它之前通过运行react-nativerun-android重新构建您的应用程序-仅重新加载JS

5414 0

最新iOS设计规范四｜3大界面要素：视图(Views)

浮层适合大屏幕上，可以包含各种元素，包括导航栏、工具栏、标签栏、表格、集合、图像、地图和自定义视图。当浮层出现时，其他视图的交互行为会被禁止，直到浮层被取消/关闭。...分列视图可以显示各种内容，但是许多系统应用程序（例如Mail）都使用拆分视图来创建基于边栏的界面。...拆分视图提供与选项卡栏相同的快速导航，同时更好地利用了大屏幕。为每种类型的列选择适当的样式。对于显示侧栏的主列，请使用侧栏外观。此外观适用于应用程序级导航和集合列表，例如Mail中的邮箱。...由于拆分视图提供了对多个层次结构的访问权限，因此人们可以通过在列之间拖放项目来将内容从应用程序的一个部分快速移动到另一部分。...相反，将内容添加到表的开头或结尾，让用户在准备好时滚动到它。一些APP在加载新数据时会显示一个加载器，并提供一个直接跳转到该数据的控件。最好还包括一个刷新控件，这样用户就可以随时手动进行更新。

8.4K3 1

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

效果对比图介绍之前，我们先来看看效果对比图：稀土掘金app原图模仿的效果图 CoordinatorLayout的介绍 CoordinatorLayout作为“super-powered FrameLayout...，它可以控制包含在CollapsingToolbarLayout中的控件在响应layout_behavior事件时作出相应的scrollFlags滚动事件(移除屏幕或固定在屏幕顶端)。...它是设计用于直接AppBarLayout的子视图。...parallax - 设置为这个模式时，在内容滚动时，CollapsingToolbarLayout中的View（比如ImageView)也可以同时滚动，实现视差滚动效果，通常和layout_collapseParallaxMultiplier...Toolbar 是在 Android 5.0 开始推出的一个 Material Design 风格的导航控件，Google 非常推荐大家使用 Toolbar 来作为Android客户端的导航栏，以此来取代之前的

2.3K9 0

听说谷歌Baba更新了 Material UI ...

Bottom App Bar Material Design的一个重要特征是设计 BottomAppBar。可适应用户不断变化的需求和行为，So，BottomAppBar是一个从标准物质指导的演变。...Bottom Navigation BottomNavigationView创建底部导航栏，用户只需轻点一下即可轻松浏览和切换顶级内容视图。 ...下面着撸起实现： Step 1：搞个布局玩玩外层使用CoordinatorLayout包裹，底部导航栏采用BottomNavigationView，中间内容区域，很Easy咯~ <?...如果已经在Activity使用CoordinatorLayout，添加底部表单很简单：将任何视图添加为CoordinatorLayout的直接子视图。...设置所需的行为标志 app:behavior_hideable：是否可以通过拖拽隐藏底部表单。

3K2 0

Material Design技术分享

在XML中我们常常只设置app:layout_behavior属性来实现不同的滚动策略，这里CoordinatorLayout通过反射来实现behavior的实例化，现在就让我们来看看behavior到底是何方神圣...： behavior是CoordinatorLayout中的一个内部类，它的实例化是同样内部类中的LayoutParams来实现的。...> 上面这段代码中，ToolBar标记了layout_scrollFlags滚动事件，那么当子View滚动时便可触发ToolBar中的layout_scrollFlags效果。...enterAlwaysCollapsed:当你的视图已经设置minHeight属性又使用此标志时，你的视图只能以最小高度进入，只有当滚动视图到达顶部时才扩大到完整高度。 ...，该方法将多个共享元素的位置共享给启动Activity。

2.2K6 0

Android开发笔记（序）写在前面的目录

2.9K4 0

❤️【Android精进之路-03】创建第一个Android应用程序竟然如此简单❤️

这篇文章将介绍如何使用Android Studio创建第一个Android应用，重点介绍Android Studio的目录结构。...进入下一个界面之后选中Basic Activity 按钮，创建一个基本视图的Android应用。接着进入下一个界面，在这个界面中可以填写项目名，包名等等。...> 其中ToolBar是图7中显示HelloWorld的蓝色工具栏，具有承载系统菜单的功能。... 这行代码将content_main.xml 的布局嵌入activity_main布局中。...，是整个项目的配置资源，里面配置的内容包括当前应用程序所在的包，应用程序中的Activity，应用程序的访问权限等等。

6560 0

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

app:layout_scrollFlags="scroll|exitUntilCollapsed" 表示CoordinatorLayout的依赖元素滚动的时候，进行折叠。...scroll - 想滚动就必须设置这个。...enterAlwaysCollapsed - 当你的View已经设置minHeight属性又使用此标志时，你的View只能以最小高度进入，只有当滚动视图到达顶部时才扩大到完整高度。...滚动时无响应bug。...题外话3 23.2.0中在CoordinatorLayout中使用Toolbar ，toolbar无法与顶部对齐，即顶部存在垂直间距。

3.4K5 0

iOS 11 更大的导航（官方翻译版）

有时，导航栏的右侧包含一个控件，如编辑或完成按钮，用于管理活动视图中的内容。在拆分视图中，导航栏可能会出现在拆分视图的单个窗格中。...有关开发人员的指导，请参阅UINavigationBar。提示不需要导航时使用工具栏，或者想要多个控件来管理内容。请参阅工具栏。导航栏标题考虑在导航栏中显示当前视图的标题。...大标题当您需要特别强调上下文时，请使用较大的标题。在一些应用程序中，大标题的大胆大胆的文字可以帮助人们浏览和搜索。例如，在标签布局中，大标题可以帮助澄清活动选项卡，并在用户滚动到顶部时通知用户。...手机使用这种方法，而音乐使用大的标题来区分专辑，艺术家，播放列表和收音机等内容区域。当用户开始滚动内容时，大标题转换为标准标题。大标题在所有应用程序中都没有意义，不应与内容竞争。...人们知道标准的后退按钮可以让他们通过信息层次来回溯步骤。但是，如果您实现自定义后退按钮，请确保它仍然像后退按钮，行为直观，与您的界面的其余部分相匹配，并始终贯穿您的应用程序。

2.9K3 0

点击加载更多

扫码

添加站长进交流群

领取专属 10元无门槛券

手把手带您无忧上云