标题栏的滑动隐藏和显示是怎么实现的？

在你日常使用App过程中，可能发现，有些应用界面的标题栏会随着屏幕滑动显示不同的效果（向上滑动时标题栏消失，向下滑动时标题栏出现）。

开始注意到这个效果的时候觉得很有趣，后来知道这其实是Material Design中一个重要的设计思想。当用户向上滑动屏幕的时候，注意力主要集中在屏幕内容中，这时候一般不需要用到标题栏中功能的操作；当向下滑动时，标题栏自动显示。这样既能在用户浏览阅读内容时，避免标题栏干扰（碍眼），又不影响标题栏功能，达到提供用户更好阅读体验的目的。

那么，这个功能是怎么实现的呢？这就需要用到Material Design中的一个控件———Toolbar！

效果图

1.了解Toolbar

我们每建一个项目都会有一个标题栏，不过这个初始标题栏是ActionBar。由于ActionBar只能位于活动的顶部，所以有很多效果不能实现。而Toolbar不仅继承了ActionBar的所有功能，而且可实现一些Material Design效果，所以官方现在更推荐使用Toolbar。

2.怎么用

1.隐藏ActionBar

要想使用Toolbar，那么就需要先隐藏活动顶部的ActionBar。

AndroidMainfest.xml 配置文件，标签中有个theme（主题）属性，如下图：

theme（主题）属性

进入style.xml文件，将parent主题修改为：NoActionBar，即可达到隐藏ActionBar的效果，如下图：

style.xml文件

2.布局中，引入Toolbar控件

在xml文件中，引用Toolbar控件即可。如下图：

Toolbar控件

几个属性，稍微注意下：

高度设置为ActionBar的高度，theme根据需要设置主题，popup用于设置菜单项主题。另外一个属性app:layout_scrollFlags，设置为：scroll|enterAlways|snap 便是指定标题栏随屏幕滚动实现的属性。scroll表示屏幕向上滑动时，标题栏同时向上滑动并隐藏；enterAlways表示屏幕向下滑动时，标题栏同时向下活动并显示；snap表示Toolbar没有完全显示或隐藏时，根据滚动距离，自动选择。

3.代码中，设置Toolbar

在MainActivity.java的onCreate方法中，首先通过fbc获取到Toolbar控件实例，然后调用setSupportActionBar()方法，设置Toolbar。代码如下：

设置Toolbar

3.Toolbar小技巧

1.修改显示文字

AndroidMainfest.xml 配置文件，标签中通android:label="XXX"标签可修改。

android:labe属性

2.显示菜单图标

我们知道，添加menu菜单后，标题栏的右上角会显示“三个点”的图标，点击后会显示出菜单中的子选项。在Toolbar中，我们可以通过设置menu中item的属性，来将菜单项的图标显示在标题栏上。

这个属性是：app:showAsAction="always"

app:showAsAction属性

属性值always表示永远显示在Toolbar中。除此之外还有ifRoom，表示在屏幕空间足够的情况下显示，否则就显示在菜单中；never表示永远不显示再Toolbar中。

具体关于menu的用法及菜单项的点击事件这里就不赘述了。

3.注意事项

属性中我们发现除了android：XXX 开头的之外，还有一些app：XXX开头的。使用这些属性的时候，需要现在XML文件头中，引入：

xmlns:app="http://schemas.android.com/apk/res-auto" （如下图）

xmlns:app

这是Material Design在Android5.0系统中才出现的，而很多属性在此之前并不存在，所以为了能够兼容之前的系统版本，需要使用xmlns：app这个新的命名空间。

怎么样，了解了Toolbar灵活的用法之后，你是不是再也不想用原来的ActionBar了呢？O(∩_∩)O赶快用起来吧，让你的App变得更加漂亮、适用~

关注【魅力安卓】微信公众号，获取更多代码及素材~