仿网易云音乐Android端歌手资料页面的实现

最近项目首页需要用到Banner + tab + ViewPager切换的效果，在思考实现的过程中我突然发现，这个效果与网易云音乐Android端的歌手资料页面十分相似，因此好好把玩了一下网易云音乐，然后模仿出了一个效果类似的页面，这里就将界面元素完全替换为模仿网易云音乐，作为一个demo拿来分享。

项目地址：网易云音乐歌手资料页面Demo

说一下实现思路：

页面分为三个部分，最上方是透明的自定义导航栏（Toolbar），下面是带有歌手图片和PagerSlidingTabStrip的Header，最下方是带有各个子页面的ViewPager。在滑动的过程中是不能够改变ViewPager里面滑动组件的高度的，不然会导致滑动距离判断出现异常，因此ViewPager实际上是占满整个屏幕的。为了保证上面的Header不会把列表项挡住，在各个Fragment中加入一个与Header高度一样的空View作为占位。这样基本上就完成了基本页面的样式。水平滑动基本上是没什么问题了。

接下来就要解决上下滑动时Header的伸缩距离与ViewPager内滑动元素的滚动同步的问题。

列表页面使用RecyclerView，各种控件组合的页面使用ScrollView，这些控件的滑动距离与Header伸缩的距离是1:1的，而滑动距离与Header变色实际上也是一次函数关系，因此只需要检测到RecyclerView和ScrollView的滑动距离，就可以根据这个值的变化来改变头部，RecyclerView可以通过addOnScrollChangedListener来监测滑动距离：

 rcvGoodsList.addOnScrollListener(new RecyclerView.OnScrollListener() {
            @Override
            public void onScrolled(RecyclerView recyclerView, final int dx, final int dy) {