Swift - 视差标题视图 - ScrollView 重叠单元格 [英] Swift - Parallax Header View - ScrollView overlap cells

问题描述

我正在尝试为视差标头自定义扩展.但是，它无法完美运行.表格标题视图始终浮动并与单元格重叠.

I am trying to custom a extension for Parallax Header. However, it's not working perfectly. The table header view always floats and overlaps cells.

扩展代码:

extension UITableView {

  func addImageHeaderView(headerView headerView: UIView, height: CGFloat) {
    self.contentInset = UIEdgeInsetsMake(height, 0, 0, 0)
    self.contentOffset = CGPoint(x: 0, y: -height)
    self.tableHeaderView = headerView
    self.tableHeaderView?.frame = CGRect(x: 0, y: 0, width: self.bounds.width, height: height)
  }

  func updateHeaderView(height kTableHeaderHeight: CGFloat) {

    var headerRect = CGRect(x: 0, y: -kTableHeaderHeight , width: self.bounds.width, height: kTableHeaderHeight)
    if self.contentOffset.y < -kTableHeaderHeight {
      headerRect.origin.y = self.contentOffset.y
      headerRect.size.height = -self.contentOffset.y
    }
    self.tableHeaderView?.frame = headerRect
  }

}

实现代码:

tableView.addImageHeaderView(headerView: viewHeader, height: 100)

func scrollViewDidScroll(scrollView: UIScrollView) {
      tableView.updateHeaderView(height: 200)
    }

我做错了什么吗?如果你知道，请告诉我.

Am I wrong at something? Please show me if you know.

推荐答案

能否请您尝试在viewDidLoad

self.edgesForExtendedLayout = UIEdgeInsetsZero;

迅速

self.edgesForExtendedLayout = .None

您还可以尝试做的是检查以下结果

Also what you can try to do is to check the result of the following

tableView.addImageHeaderView(headerView: viewHeader, height: 0)

func scrollViewDidScroll(scrollView: UIScrollView) {
      tableView.updateHeaderView(height: 200)
    }

请注意，我将高度从 100 更改为 0我这样做是因为高度值会改变你的表格视图的 contentInset 而这正是与顶角的距离

please notice that i changed the height from 100 to 0 i did it because the height value will change the contentInset of your table view and this is exactly the distance from the top corner

这篇关于Swift - 视差标题视图 - ScrollView 重叠单元格的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！