首页 > 其他 > 详细

ParallaxHeaderViewPager源码解析

时间:2016-05-07 09:05:56      阅读:187      评论: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
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!