1、效果图如下:
这效果用户体验还是很酷炫,今天我们就来讲解如何实现这个效果。
2、分析
为了方便理解,作图分析
如图所示,整个页面分为四个部分:
1、悬浮内容,floatView
2、顶部内容,headView
3、中间内容,与悬浮内容相同,middleView
4、商品详情展示页面,detailView
因为页面内容高度会超出屏幕,所以用Scrollview实现滚动,悬浮view与scrollview同级,都在一个帧布局或者相对布局中。
当y方向的滚动距离小于中间的内容middleView到顶部的距离时,middleView理所当然的
1