ios-仿支付宝首页效果实现.zip

时间:2022-07-31 13:35:17
【文件属性】:

文件名称:ios-仿支付宝首页效果实现.zip

文件大小:4.65MB

文件格式:ZIP

更新时间:2022-07-31 13:35:17

其他

支付宝首页整体的实现效果, 尤其是顶部滚动展示效果的变化, 本文详细整个逻辑的处理: 关于整个页面布局逻辑, 从上往下说: 1.顶部: "类导航栏", 因为其并不是导航栏, 只是一个跟导航栏尺寸一致的View, 所以进入这个页面的时候需要将自带的导航栏隐藏掉. 此部分共三层, 从底层往上依次是: 底色View(蓝色背景色), 扫一扫View(刚开始隐藏, 向上滚动后逐渐显示), 搜索框View. 2. tableView, 紧接着就是一个带有tableHeaderView的tableView, 其tableHeaderView高度与添加到tableView上显示主要功能的view的尺寸一致. 注意细节: 在整个向上缓慢滑动的过程中, 会发现顶部图标的隐藏/显示变化过程分为三个部分: 1. 搜索框view快速消失, 2.搜索框view后紧接着另一个"类导航"view(扫一扫 付钱 搜索 " ")逐渐显示, 3. 下面的四个主要功能模块逐渐消失, 当滑动到导航栏位置时, 彻底消失. 并且, 当四个主要功能模块完全消失的时候, 此时手离开屏幕, 其会自动向上滚动到四个主要功能模块完全消失的位置.


网友评论