android UI AppBarLayout CollapsingToolbarLayout

最新推荐文章于 2025-05-28 10:50:24 发布

原创最新推荐文章于 2025-05-28 10:50:24 发布 · 418 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#android #ui

android-ui 专栏收录该内容

2 篇文章

订阅专栏

本文介绍了Android中的AppBarLayout和CollapsingToolbarLayout组件，它们是实现Material Design App Bar的关键。AppBarLayout是一个允许子View自定义滚动行为的ViewGroup，而CollapsingToolbarLayout则是用于实现折叠效果的Toolbar包装器。文中详细讲解了这两个组件的特性和用法，包括scroll、enterAlways等滚动模式，以及折叠Title、内容纱布、状态栏纱布、视差滚动子View和固定位置子View等功能。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

AppBarLayout简单介绍

AppBarLayout 是继承LinerLayout实现的一个ViewGroup容器组件，它是为了Material Design设计的App Bar，支持手势滑动操作他的主要功能让子View（AppBar）可以选择他们自己的滚动行为(需要跟CoordinatorLayout配合使用，下面会介绍如何配合CoordinatorLayout组件)。
（1） scroll:值设为scroll的View会跟随滚动事件一起发生移动。
（2） enterAlways:值设为enterAlways的View,当ScrollView往下滚动时，该View会直接往下滚动。而不用考虑ScrollView是否在滚动。
（3） exitUntilCollapsed：值设为exitUntilCollapsed的View，当这个View要往上逐渐“消逝”时，会一直往上滑动，直到剩下的的高度达到它的最小高度后，再响应ScrollView的内部滑动事件。
（注意设置layout_height的高度就是你想拉出的高度）
（4） enterAlwaysCollapsed：是enterAlways的附加选项，一般跟enterAlways一起使用，它是指，View在往下“出现”的时候，首先是enterAlways效果，当View的高度达到最小高度时，View就暂时不去往下滚动，直到ScrollView滑动到顶部不再滑动时，View再继续往下滑动，直到滑到View的顶部结束。

CollapsingToolbarLayout

CollapsingToolbarLayout是用来对Toolbar进行再次包装的ViewGroup，主要是用于实现折叠（其实就是看起来像伸缩~）的App Bar效果。它需要放在AppBarLayout布局里面，并且作为AppBarLayout的直接子View。CollapsingToolbarLayout主要包括几个功能（参照了官方网站上内容，略加自己的理解进行解释）：

(1) 折叠Title（Collapsing title）：当布局内容全部显示出来时，title是最大的，但是随着View逐步移出屏幕顶部，title变得越来越小。你可以通过调用setTitle函数来设置title。

(2)内容纱布（Content scrim）：根据滚动的位置是否到达一个阀值，来决定是否对View“盖上纱布”。可以通过setContentScrim(Drawable)来设置纱布的图片.

(3)状态栏纱布（Status bar scrim)：根据滚动位置是否到达一个阀值决定是否对状态栏“盖上纱布”，你可以通过setStatusBarScrim(Drawable)来设置纱布图片，但是只能在LOLLIPOP设备上面有作用。

(4)视差滚动子View(Parallax scrolling children):子View可以选择在当前的布局当时是否以“视差”的方式来跟随滚动。（PS:其实就是让这个View的滚动的速度比其他正常滚动的View速度稍微慢一点）。将布局参数app:layout_collapseMode设为parallax

(5)将子View位置固定(Pinned position children)：子View可以选择是否在全局空间上固定位置，这对于Toolbar来说非常有用，因为当布局在移动时，可以将Toolbar固定位置而不受移动的影响。将app:layout_collapseMode设为pin。