玩转AppBarLayout，更酷炫的顶部栏，android面试项目经验-优快云博客

本文链接：https://blog.youkuaiyun.com/m0_57509491/article/details/137205871

我的优快云博客同步发布：玩转AppBarLayout，更酷炫的顶部栏

上一篇文章[《CoordinateLayout的使用如此简单》]上一篇文章《CoordinateLayout的使用如此简单》对CoordinateLayout的使用做了讲解，今天我们再讲解常常与其一起使用的几个View：AppBarLayout、CollapsingToolbarLayout以及Toolbar。一下子出现3个陌生的View，是不是觉得很慌张~，很多人都写了这几个布局的使用，但是他们却没有有针对性的单独讲解每个View的作用以及如何使用，我看的很多文章都是一上来就把AppBarLayout、CollapsingToolbarLayout以及Toolbar写到一个布局里面去，然后一个一个布局属性去说，一下子感觉好混乱，本文是从Toolbar开始说起，最终让你把这3个View彻底掌握下来！

其实，这三个View都是针对我们以往常用的ActionBar的，就是针对我们的App的顶部的Bar玩各种花样~我们往下看，看看他们把我们的App的"顶部栏"玩出个什么花样！

1 Toolbar

Toobar主要是用来替换ActionBar的，换句话说，ActionBar能做的，Toolbar都能做。如果你对ActionBar的使用比较熟悉，你会发现Toolbar使用起来非常简单。ok，既然是替换，当然用Toolbar的时候就得先去把ActionBar给隐藏掉啦~

隐藏ActionBar的方法有很多，可以通过代码的方式隐藏，也可以通过配置文件的方式，我们主要是通过配置文件的方式来隐藏。在我们的styles.xml文件中的AppTheme标签中加入如下两行：

false
true

当然了，你也可以新建一个<style>标签，将上面两行代码加入，并且将这个新建的标签作为<application>的theme。还可以选择通过将AppTheme的parent设置为Theme.AppCompat.Light.NoActionBar的方式。方法很多，可以自己随便选。

接下来就是将Toolbar放入到布局文件（没啥好解释的）：

<android.support.v7.widget.Toolbar
android:id=“@+id/toolbar”
android:layout_width=“match_parent”
android:background=“?attr/colorPrimary”
android:layout_height=“?android:attr/actionBarSize” />

最后将Toobar作为“ActionBar”来用

Toolbar toolbar = (Toolbar) findViewById(R.id.toolbar);
toolbar.setTitle(“这里是Title”);
toolbar.setSubtitle(“这里是子标题”);
toolbar.setLogo(R.drawable.icon);
setSupportActionBar(toolbar);

可以对Toolbar设置Logo、标题、子标题等等_{还有很多其他的设置，自己去慢慢玩，这里不提啦}。当然了，也可以在布局文件中设置这些，在布局文件设置就不写啦，hongyang大神有篇博客写的挺好的《 Android 5.x Theme 与 ToolBar 实战》可以去参考一下。

看看效果：

外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传
_

Toolbar

如果Toolbar仅仅是用来对以往的ActionBar做一次替换，那也太没创意啦！完全没必要去替换了，因为它们表现出来的都是一样的，而且并没有让我们觉得用起来比ActionBar方便。那为啥要替换呢，总应该有他的理由吧：ActionBar是固定在顶部，并不能移动，我觉得这是最大的不好，而我们的ToolBar可以让我们随便摆放，就就可以带来很多灵活性和效果啦！

正如你所看的这样，Toolbar根本就不够看的，一点都不复杂。接下来我们继续学习在Toolbar上面再套一层父View，让Toolbar更有互动性。

2 AppBarLayout

AppBarLayout继承自LinearLayout，布局方向为垂直方向。所以你可以把它当成垂直布局的LinearLayout来使用。AppBarLayout是在LinearLayou上加了一些材料设计的概念，它可以让你定制当**某个可滚动View**的滚动手势发生变化时，其内部的子View实现何种动作。

请注意：上面提到的**某个可滚动View**，可以理解为某个ScrollView。怎么理解上面的话呢？就是说，当某个ScrollView发生滚动时，你可以定制你的“顶部栏”应该执行哪些动作（如跟着一起滚动、保持不动等等）。那某个可移动的View到底是哪个可移动的View呢？这是由你自己指定的！如何指定，我们后面说。

2.1 AppBarLayout子View的动作

内部的子View通过在布局中加app:layout_scrollFlags设置执行的动作，那么app:layout_scrollFlags可以设置哪些动作呢？分别如下：

（1） scroll:值设为scroll的View会跟随滚动事件一起发生移动。

什么意思呢？简单的说，就是当指定的ScrollView发生滚动时，该View也跟随一起滚动，就好像这个View也是属于这个ScrollView一样。

一张gif足以说明：

外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传
_

scroll

对应的布局文件

<android.support.design.widget.AppBarLayout
android:layout_width=“match_parent”
android:layout_height=“wrap_content”>

<android.support.v7.widget.Toolbar
android:id=“@+id/toolbar”
android:layout_width=“match_parent”
android:layout_height=“?android:attr/actionBarSize”
android:background=“?attr/colorPrimary”
app:layout_scrollFlags=“scroll” />
</android.support.design.widget.AppBarLayout>

（2） enterAlways:值设为enterAlways的View,当ScrollView往下滚动时，该View会直接往下滚动。而不用考虑ScrollView是否在滚动。

看个动画片（Y(^o)Y）（ToolBar高度设为：?android:attr/actionBarSize,app:layout_scrollFlags="scroll|enterAlways"）：

外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传
_

scroll|enterAlways

（3） exitUntilCollapsed：值设为exitUntilCollapsed的View，当这个View要往上逐渐“消逝”时，会一直往上滑动，直到剩下的的高度达到它的最小高度后，再响应ScrollView的内部滑动事件。

怎么理解呢？简单解释：在ScrollView往上滑动时，首先是View把滑动事件“夺走”，由View去执行滑动，直到滑动最小高度后，把这个滑动事件“还”回去，让ScrollView内部去上滑。看个gif感受一下（图中将高度设的比较大:200dp，并将最小高度设置为?android:attr/actionBarSize,app:layout_scrollFlags="scroll|exitUntilCollapsed"）：

外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传
_

scroll|exitUntilCollapsed

自我介绍一下，小编13年上海交大毕业，曾经在小公司待过，也去过华为、OPPO等大厂，18年进入阿里一直到现在。

深知大多数Android工程师，想要提升技能，往往是自己摸索成长或者是报班学习，但对于培训机构动则几千的学费，着实压力不小。自己不成体系的自学效果低效又漫长，而且极易碰到天花板技术停滞不前！

因此收集整理了一份《2024年Android移动开发全套学习资料》，初衷也很简单，就是希望能够帮助到想自学提升又不知道该从何学起的朋友，同时减轻大家的负担。

既有适合小白学习的零基础资料，也有适合3年以上经验的小伙伴深入学习提升的进阶课程，基本涵盖了95%以上Android开发知识点，真正体系化！

由于文件比较大，这里只是将部分目录大纲截图出来，每个节点里面都包含大厂面经、学习笔记、源码讲义、实战项目、讲解视频，并且后续会持续更新

如果你觉得这些内容对你有帮助，可以添加V获取：vip204888 （备注Android）

学习宝典

对我们开发者来说，一定要打好基础，随时准备战斗。不论寒冬是否到来，都要把自己的技术做精做深。虽然目前移动端的招聘量确实变少了，但中高端的职位还是很多的，这说明行业只是变得成熟规范起来了。竞争越激烈，产品质量与留存就变得更加重要，我们进入了技术赋能业务的时代。

不论遇到什么困难，都不应该成为我们放弃的理由！

很多人在刚接触这个行业的时候或者是在遇到瓶颈期的时候，总会遇到一些问题，比如学了一段时间感觉没有方向感，不知道该从那里入手去学习，对此我针对Android程序员，我这边给大家整理了一套学习宝典！包括不限于高级UI、性能优化、移动架构师、NDK、混合式开发（ReactNative+Weex）微信小程序、Flutter等全方面的Android进阶实践技术；希望能帮助到大家，也节省大家在网上搜索资料的时间来学习，也可以分享动态给身边好友一起学习！

【Android核心高级技术PDF文档，BAT大厂面试真题解析】