成品直播源码推荐，TableView/CollectionView 滑动顶部效果优化

成品直播源码推荐，TableView/CollectionView 滑动顶部效果优化

默认弹簧效果

在使用 UITableView 或者 UICollectionView 时，如果开启弹框效果，下拉是整个内容就会偏移，松手就会自动弹回，最常用的就是我的界面。

 

如果scrolleView背景色和 cell/header 一样就不会产生什么突兀感，但是如果靠近顶部的视图是渐变/图片 或者和背景色差别较大，下拉就会产生突兀感

 

获取 ScrollView 的偏移量

通过代理方法 scrollViewDidScroll(_ scrollView: UIScrollView)可以轻松获取到偏移量。

 

1

<br>func scrollViewDidScroll(_ scrollView: UIScrollView) {<br>        let offsetY = scrollView.contentOffset.y<br>        // 下拉 y 小于 0<br>        if  offsetY < 0  { //let coll = scrollView as? UICollectionView,<br>            let index = IndexPath(item: 0, section: Section.baseInfo.rawValue)<br>            let cell = coll.cellForItem(at: index) as! MineInfoCollectionCell<br>            cell.updateOffset(offsetY) // 将偏移量传入目标 cell, 进行改变<br>        }<br>    }<br>

​

为白色视图顶部和 Cell 顶部添加约束 containerTopCons ,并且将 Cell的裁剪取消

 

在 Cell 代码中进行偏移量赋值

 

1

<br>class MineInfoCollectionCell: UICollectionViewCell {<br>    static var cellHeight: CGFloat = 300<br>    @IBOutlet weak var containerTopCons: NSLayoutConstraint!<br>    override func awakeFromNib() {<br>        super.awakeFromNib()<br>        containerHeigthCons.constant = MineInfoCollectionCell.cellHeight<br>    }<br>    <br>    func updateOffset(_ offset: CGFloat) {<br>        containerTopCons.constant = offset  // 更新偏移量<br>    }<br>}<br>

 

将 scrollView 的偏移量转移到 Cell 内部，就可以实现镂空式的效果。

 以上就是成品直播源码推荐，TableView/CollectionView 滑动顶部效果优化， 更多内容欢迎关注之后的文章