# DoubleSuckTopDemo
仿京东首页双层吸顶效果demo
今天已经是端午节假日最后一天了,快乐的时光总是很短暂的.<br><br>
端午节期间用叮咚买菜App买菜,发现他们的App首页有两个吸顶功能,而下面的tabLayout那个吸顶,居然把上部分和下部分的手指滑动事件给阻断了,没能将滑动事件传递给到另一部分接着滑动.<br><br>
叮咚买菜应该用户量不少,但对于我个人来说这用户体验还是不大能接受,用着感觉不太爽,可能是大厂的APP太溜了的原因吧,像京东这些也有双层的吸顶,但就不会有这种问题.<br><br>
这放假疫情期间也不太敢出去,就打算来研究研究这个双层的吸顶效果.
所以仿着京东首页的效果,实现了双层吸顶的效果,并且不会阻断滑动事件的传递,下面看下效果图:<br>
![image](https://github.com/weioule/DoubleSuckTopDemo/blob/master/app/img/img01.jpg)
![image](https://github.com/weioule/DoubleSuckTopDemo/blob/master/app/img/img02.jpg)
![image](https://github.com/weioule/DoubleSuckTopDemo/blob/master/app/img/img03.jpg)
思路解析:
第一个吸顶采用搜索框悬浮view固定显示隐藏实现,第二个吸顶是原生的CollapsingToolbarLayout + AppBarLayout实现,本来想着用两层CollapsingToolbarLayout + AppBarLayout嵌套,但经过验证后确实是行不通的.
第二个吸顶的位置得悬停在第一个吸顶的底部,所以用了Toolbar做占位,它的高度正是悬浮的搜索框的高度.
因为首页大多都会有刷新,所以还要考虑到与刷新的滑动冲突,这里设置了监听只有AppBarLayout是完全关闭状态时才可用.
没有合适的资源?快使用搜索试试~ 我知道了~
资源推荐
资源详情
资源评论
收起资源包目录
Android 仿京东首页 淘宝首页双层吸顶效果 悬停效果 (1792个子文件)
0OaNiLq0jQXU9QrErujnETdfaEY= 19KB
0OaNiLq0jQXU9QrErujnETdfaEY= 19KB
1L2lyxS4jHgTiQNt5V5OrCEEpHA= 31KB
1L2lyxS4jHgTiQNt5V5OrCEEpHA= 31KB
1t6cwbJVfOILrLz3KEz+8szByz4= 5KB
1t6cwbJVfOILrLz3KEz+8szByz4= 5KB
2Qqqrq__+RjBZJ6ZlULZ+SSgDdI= 10KB
2Qqqrq__+RjBZJ6ZlULZ+SSgDdI= 10KB
45xjoxC6LgoHXMj8pJhNyI2HA_8= 23KB
45xjoxC6LgoHXMj8pJhNyI2HA_8= 23KB
8HFYG4azYTkVerT3nmOErtC2vgg= 178KB
8HFYG4azYTkVerT3nmOErtC2vgg= 178KB
_cYZ9wYwG31EBt0NEfe+wZgbcSI= 9KB
_cYZ9wYwG31EBt0NEfe+wZgbcSI= 9KB
resources-debug.ap_ 2.98MB
app-debug.apk 4.72MB
B0I15D+pnridp4Ac1EpGxDxxrjw= 27KB
gradlew.bat 2KB
executionHistory.bin 1.84MB
classAnalysis.bin 1.17MB
fileHashes.bin 154KB
outputFiles.bin 93KB
taskHistory.bin 25KB
resourceHashesCache.bin 18KB
last-build.bin 1B
CeGJXfbdtrvl9K9OHH6y+_k8FSs= 11KB
CeGJXfbdtrvl9K9OHH6y+_k8FSs= 11KB
R$styleable.class 66KB
R$styleable.class 45KB
R$styleable.class 45KB
R$styleable.class 43KB
R$style.class 31KB
R$style.class 31KB
R$style.class 31KB
R$style.class 31KB
R$attr.class 28KB
R$styleable.class 28KB
R$style.class 21KB
R$attr.class 20KB
R$attr.class 20KB
R$attr.class 20KB
R$dimen.class 12KB
R$dimen.class 12KB
R$dimen.class 12KB
R$dimen.class 12KB
R$id.class 12KB
R$attr.class 11KB
R$styleable.class 11KB
RecyclerViewDivider.class 9KB
R$color.class 7KB
NewRefreshView.class 7KB
TodayNewsHeader.class 7KB
R$drawable.class 7KB
R$color.class 7KB
R$color.class 7KB
R$color.class 7KB
R$dimen.class 7KB
R$drawable.class 6KB
R$drawable.class 6KB
R$drawable.class 6KB
R$id.class 6KB
R$styleable.class 6KB
R$id.class 6KB
R$id.class 6KB
RecyclerViewDivider$Builder.class 6KB
MyUnClassicRefreshFooter.class 6KB
R$drawable.class 5KB
R$color.class 5KB
MainActivity.class 5KB
R$styleable.class 5KB
R$layout.class 4KB
R$string.class 4KB
R$id.class 4KB
R$layout.class 4KB
R$id.class 4KB
R$styleable.class 4KB
R$styleable.class 3KB
R$id.class 3KB
R$styleable.class 3KB
R$id.class 3KB
R$id.class 3KB
R$id.class 3KB
R$styleable.class 3KB
R$id.class 3KB
R$styleable.class 3KB
R$styleable.class 3KB
R$styleable.class 3KB
R$string.class 3KB
R$string.class 3KB
R$string.class 3KB
R$attr.class 3KB
R$layout.class 3KB
R$layout.class 3KB
R$attr.class 3KB
NewRefreshView$DragState.class 3KB
R$styleable.class 3KB
R$styleable.class 3KB
R$styleable.class 3KB
R$styleable.class 3KB
R$styleable.class 3KB
共 1792 条
- 1
- 2
- 3
- 4
- 5
- 6
- 18
资源评论
喜欢听风的人
- 粉丝: 138
- 资源: 102
上传资源 快速赚钱
- 我的内容管理 展开
- 我的资源 快来上传第一个资源
- 我的收益 登录查看自己的收益
- 我的积分 登录查看自己的积分
- 我的C币 登录后查看C币余额
- 我的收藏
- 我的下载
- 下载帮助
最新资源
- Qt开发知识、经验总结 包括Qss,数据库,Excel,Model/View等
- IV数据.xlsx
- foldcraftlauncher_262944.apk
- 珍藏多年的基于matlab实现潮流计算程序源代码集合,包含多个潮流计算程序.rar
- 使用FPGA实现串-并型乘法器
- 基于matlab实现针对基于双曲线定位的DV-Hop算法中误差误差出一种基于加权双曲线定位的DV-Hop改进算法.rar
- 基于matlab实现由遗传算法开发的整数规划,车辆调度问题.rar
- 电视家7.0(对电视配置要求高).apk
- 免费计算机毕业设计-基于JavaEE的医院病历管理系统设计与实现(包含论文+源码)
- 手机端 我的世界融合植物大战僵尸版.apk
资源上传下载、课程学习等过程中有任何疑问或建议,欢迎提出宝贵意见哦~我们会及时处理!
点击此处反馈
安全验证
文档复制为VIP权益,开通VIP直接复制
信息提交成功