仿腾讯漫画目录页实现
来源:互联网 发布:形容男生的网络词语 编辑:程序博客网 时间:2024/04/30 22:24
前言: 因为之前项目中需要用到类似腾讯漫画目录页的效果,所以就做了一些研究,最开始想使用CoordinatorLayout来实现。最后因为这里 我这写的一些问题,所以达不到腾讯漫画目录页的效果,所以我就研究了一下腾讯漫画的实现方式。
之前使用的CoordinatorLayout实现的方式,出现的问题主要是:头部View和子View之前的滚动顺序和fling事件传递的问题,具体请看这里。
但是腾讯漫画目录页的整体上的效果是非常不错的,没有出现卡顿或者头部view和子view滚动顺序不对的问题。
腾讯漫画目录页的实现方式:
整体页面结构:
整个页面黑色的框代表ViewPager,红色的框代表头部View。可以看到ViewPager是覆盖整个页面的,而头部View是覆盖在Viewpager上面的。viewpager中的子Fragment 根View中使用能滚动的View,例如ListView、RecyclerView。然后自定义头部View,放出一个可以在外部滚动头部View的接口。在主Activity中将滚动头部View的接口,传递给viewpager中的Fragment里面。通过Fragment根View的滚动监听来调用头部View的滚动的接口。并通过View.setPadding(int left, int top, int right, int bottom);
设置Fragment中根View的PaddingTop高度,防止头部View遮挡住Fragment中根View。
这样由于整个页面的滚动都是由Fragment中的可滚动View来引动的,所以不会出现滑动卡顿和viewpager与头部View之间滑动事件传递不流畅的问题。
当然这样也出现了一个问题,就是如果需要滚动头部View的时候整个页面跟着滚动,所以当你左右滑动头部View的时候,viewpager也会跟着左右切换。这种效果我觉的并不是非常符合逻辑的。至少腾讯漫画v6.4.6事这样的。
完整的项目代码:https://github.com/BigggFish/NestedScrollLayoutDemo
- 仿腾讯漫画目录页实现
- 《漫画线性代数》读书笔记 目录
- Jquery实现仿腾讯微薄的广播发表
- Jquery实现仿腾讯微薄的广播发表
- 仿腾讯手机管家快捷中心功能的实现方案
- 仿腾讯盖楼爬墙新闻评论的CSS实现
- PopupWindow 实现显示仿腾讯新闻底部弹出菜单
- 仿腾讯图片切换
- 仿腾讯QQ界面
- 仿腾讯说说
- 仿腾讯云单选控件
- Query选项卡(仿腾讯迷你页)
- 头文字D单行本漫画01目录
- 头文字D单行本漫画02目录
- 头文字D单行本漫画03目录
- 头文字D单行本漫画04目录
- 头文字D单行本漫画05目录
- 头文字D单行本漫画06目录
- 动态规划之最长递增子序列 最长不重复子串 最长公共子序列
- 物理地址和线性地址介绍
- mysql表的清空、删除和修改操作详解
- Java入门 一、类和对象
- Android开发之大图片加载内存溢出
- 仿腾讯漫画目录页实现
- 453. Minimum Moves to Equal Array Elements#1(Done)
- hdu 5999 The Third Cup is Free
- 06JSP内置对象response
- SPOJ - TAP2013H D - Horace and his primes 素数筛+素数分解+打表
- HTML基础:文本的排版格式(5)
- Nunit 写法不错
- MVC之构建一个购物网站
- IOS开发入门(8)-本地化(1)