前言

创新互联公司坚持“要么做到，要么别承诺”的工作理念，服务领域包括：成都网站设计、成都网站建设、外贸网站建设、企业官网、英文网站、手机端网站、网站推广等服务，满足客户于互联网时代的平坝网站设计、移动媒体设计的需求，帮助企业找到有效的互联网解决方案。努力成为您成熟可靠的网络建设合作伙伴！

大家在做APP开发的过程中，有很多时候，我们需要实现类似于下面这种沉浸式的体验。

沉浸式体验

一开始接触的时候，似乎大家都会觉这种体验实现起来，会比较困难。难点在于:

• 头部的背景图在推上去的过程中，慢慢的变得不可见了，整个区域的颜色变成的暗黑色，然后标题出现了。
• StatusBar变的透明，且空间可以被利用起来，看我们的图片就顶到了顶 了。
• 我们的viewpager推到actionbar的下方的时候，就固定在了actionbar的下方，不能在往上面推了。
• 底部有一个控件，随着列表的向上滑动，它退出视角范围，以便于给出更多的空间来展示列表，其实整个沉浸式体验都是为了给列表留出更多的空间来展示。

好，总结起来以上就是我们的问题，也是需要解决的，一个一个解决了，这种需求也就实现了，那么，我们如何去一步一步来解决以上的问题呢？

1、头部背景和标题的渐隐渐现

首先，我们来分析第一个问题，头部的背景图在推上去的过程中，慢慢的变得不可见了，这种听起来好像是某种collapse，因此，很容易让人想到CollapsingToolbarLayout，如果你想要比较容易的了解CollapsingToolbarLayout

应用，建议看这位兄台的文章，他给也给了一个动画，比较详细的介绍了这个的应用，例如：

CollapsingToolbarLayout

对于里面的用法，我这里不作讲解了，但是如果你不了解这个布局的应用，我强烈建议你好好了解一下，才能继续下面走，只是想说明一下，走到这里，你有一个坑需要去填，那就是我们的标题动画可以不是这样的，而且，还是标题还是居中的，注意，这里的实现，标题不是居中的，是靠左的，这本来是Android设计规范，但是设计师偏偏不买Android规范的账，因此，我们必须躺过这个坑，然后，从Stack Overflow上了解到一个issue：

当前名称：Android实现超级棒的沉浸式体验教程-创新互联
文章路径：http://abwzjs.com/article/csjcsd.html