iOS底部下拉刷新交互实现
iOS 列表的底部下拉刷新的交互设计,确实挺少见,但在某些场景下却顺手。比如聊天记录多了,用户想往回看,就不一定要滚到顶部,有个底部下拉就舒服多了。
UITableView和UICollectionView都能整这个功能,关键是监听scrollViewDidScroll:
,判断用户是不是在底部往下拉。这一步挺关键,判断不准容易误触发,体验就不太行。
自定义刷新视图别偷懒,搞个UIActivityIndicatorView
加点提示文字,配合beginRefreshing:
和endRefreshing:
就能跑起来。你要是用MJRefresh
,会更省事,封装得挺好,样式还能自定义。
异步加载数据要注意别卡界面,尤其是网络求,要让用户能继续滑动列表。你也可以加个缓冲机制,比如只在快到底部时触发,避免每次滑一下就求一次。
打包的底部上拉刷新.zip
里应该是个完整的 Demo,建议你跑一遍看看,逻辑不复杂,主要看你怎么封装和适配你自己的项目。
如果你想了解更多实现方式,可以看看这些文章:Swift 实现上下拉刷新、EGOTableViewPullRefresh,对理解原理挺有。
.zip
预估大小:29个文件
底部上拉刷新
文件夹
底部上拉刷新.xcodeproj
文件夹
project.xcworkspace
文件夹
xcshareddata
文件夹
底部上拉刷新.xccheckout
2KB
contents.xcworkspacedata
193B
xcuserdata
文件夹
chekucafe.xcuserdatad
文件夹
UserInterfaceState.xcuserstate
10KB
ibokan.xcuserdatad
文件夹
...
53.66KB
文件大小:
评论区