前言
开始之前先看效果 左边为网易云的效果 右边为我实现的效果
质量有所压缩,具体可去下载网易云音乐自行查看效果
文末有免费福利哦
分析
- 目测布局:分为两个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