码迷,mamicode.com
首页 > 其他好文 > 详细

ParallaxHeaderViewPager源码解析

时间:2016-05-07 09:07:14      阅读:351      评论:0      收藏:0      [点我收藏+]

标签:

github地址: https://github.com/boxme/ParallaxHeaderViewPager
介绍: ViewPager + tab + 视差效果 + sticky效果的demo
运行效果:
技术分享

页面的基本组成是 :SlidingTabLayout + viewPager + fragment。
有兴趣的读者可以读一下官方的介绍:http://nerds.airbnb.com/host-experience-android/


代码结构

技术分享

app下面的是调用的类
parallaxviewpager下面的是作者定义的一些基类和抽象类

可以看到,对于viewPager中包含的fragment,作者做了一些封装,
* ListViewFragment:* 包含ListView的fragment
ScrollViewFragment:包含ScrollView的fragment
RecyclerViewFragment:包含RecyclerView的fragment

定义的接口:
ScrollTabHolder:监听fragment中的ListView,ScrollView,RecyclerView等View的滚动
ScrollTabHolderFragment:

类的关系,我画了一个图表来表示。

点击查看大图
技术分享

啊啊啊……………怎么才能讲的清晰明白……………………………………………………………………怎么感觉图画完了不需要讲解了……………………………………………………….。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。


代码分析

想来想去,我决定从MainActivity出发来讲解。

发现图真的很好,所以我决定还是用图来讲解。下面这张图是MainActivity的xml结构图。
这一张是作者给的图:
技术分享
其中,ActionBar我们直接忽略,Stick tab bar and buttons其实对应的就是SlideTabLayout.
我把它们形象的标在了程序跑出来的界面上。
技术分享

ParallaxHeaderViewPager源码解析

标签:

原文地址:http://blog.csdn.net/u010335298/article/details/51325702

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!