一起来实现网易云音乐引导页效

前言

开始之前先看效果 左边为网易云的效果 右边为我实现的效果

质量有所压缩，具体可去下载网易云音乐自行查看效果 

文末有免费福利哦

本demo apk文件下载

分析

• 目测布局：分为两个viewpager，上面展示文字的viewpager和下面的图片viewpager；
• 进一步观察：上面的文字viewpager滑动有延迟，而图片viewpager是没有滑动自带动画的，而且都没有自带滑动手势效果；
• 分析得出：两个viewpager都拦截滑动事件，文字viewpager需要设置切换时间，有动画效果，图片viewpager去掉自带动画；
• 分析图片viewpager动画效果，都是两张图片，一张背景，一张上浮图片；打开之后，背景：透明度由0到1；上浮图片：由下往上冒出;第三张图片，头像上浮之外还有个变小的过程

分析完毕，接下来具体实现

实现

• 先实现viewpager滑动拦截，拦截点击事件就行，具体看代码不多说

public class MyInterceptViewPager extends ViewPager {
    private boolean isScrollable = true;

    public MyInterceptViewPager(Context context) {
        super(context);
    }

    public MyInterceptVie