Swift - Parallax标题视图 - ScrollView重叠单元格

时间:2016-07-26 17:57:47

标签: ios swift uitableview uiscrollview parallax

我正在尝试为Parallax Header定制扩展程序。然而,它并没有完美地运作。表头视图总是浮动并重叠单元格。

enter image description here

分机代码:

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)
    }

我错了什么?如果你知道的话请告诉我。

1 个答案:

答案 0 :(得分:0)

您可以尝试在 viewDidLoad

中设置以下内容
self.edgesForExtendedLayout = UIEdgeInsetsZero;

in swift

self.edgesForExtendedLayout = .None

您还可以尝试检查以下结果

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

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

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