Question

我正在尝试在UITableViewHeader上创建一个不断增长的UITableView。我在UITableView的tableHeaderView中设置了UITableView和mapView。

tblView.bounces = true
tblView.bouncesZoom = true
tblView.alwaysBounceVertical = true
mapView.frame = CGRectMake(0, 0, self.view.frame.size.width, CGFloat(kMapHeaderHeight))
mapView.mapType = MKMapType.Standard
mapView.zoomEnabled=true
mapView.scrollEnabled = true
mapView.delegate = mapHelper
tblView.tableHeaderView = mapView

并且还实现了scrollViewDidScroll委托，每当它向下滚动时，我都将headerview的框架更改为

func scrollViewDidScroll(scrollView: UIScrollView) {
    var scrollOffset = scrollView.contentOffset.y
    println("\(scrollOffset)")
    var headerFrame : CGRect = self.mapView.frame
    if (scrollOffset < 0){
        headerFrame.size.height  -= scrollView.contentOffset.y/3
    }
    self.mapView.frame = headerFrame
}

然而，如果没有弹跳，它不会像预期的那样增长。看起来很不清楚。有什么帮助吗？

我正在按照这些教程在下拉时创建一个Growing UITableViewheader UITableVIew header without bouncing when pull down， Expand UITableView Header View to Bounce Area When Pulling Down

这是项目的链接： https://drive.google.com/file/d/0B6dTvD1JbkgBVENUS1ROMzI0Wnc/vie

编辑：我以某种方式设法产生效果，但动画似乎很慢

func scrollViewDidScroll(scrollView: UIScrollView) {
        let yPos: CGFloat = -scrollView.contentOffset.y

        if (yPos > 0) {
            var mapViewRect: CGRect = self.mapView.frame
            mapViewRect.origin.y = scrollView.contentOffset.y
            mapViewRect.size.height = kHeaderHeight+yPos
            self.mapView.frame = mapViewRect
        }
    }
let kHeaderHeight:CGFloat = 200

Answer 1

我建议您使用this教程。

最重要的部分：

创建一个scrollView（或者是UIScrollView的子类）和一个单独的视图（它将作为headerView运行，所以让我们调用headerView）
将headerView和scrollView添加为视图的子视图
实现scrollViewDidScroll方法，并将框架逻辑放在那里（当然，如果你使用autolayout，你必须在那里管理约束）

Answer 2

实际上动画在xcode6.3的模拟器中效果不佳。我尝试了2天，并在这里发布了赏金但是当我最终在真实设备上测试它时发现MapView正常弹跳。如果有人需要它，那就是逻辑。

 let kHeaderHeight:CGFloat = 380
    class NewBookingVC: UIViewController {

        @IBOutlet weak var tblView: UITableView!
        let mapView : MKMapView = MKMapView()

        var customTableHeaderView:UIView = UIView()
        override func viewDidLoad() {
            super.viewDidLoad()

            tblView.delegate = self
            tblView.dataSource = self
            mapView.frame = CGRectMake(0, 0, self.view.frame.size.width, 380)
            mapView.mapType = MKMapType.Standard
            mapView.zoomEnabled=true
            mapView.scrollEnabled = true

            customTableHeaderView = UIView(frame: CGRectMake(0, 0, self.view.frame.size.width, 380))
            customTableHeaderView.addSubview(mapView)
            tblView.tableHeaderView = customTableHeaderView

        }

        func scrollViewDidScroll(scrollView: UIScrollView) {
            let yPos: CGFloat = -scrollView.contentOffset.y

            if (yPos > 0) {
                var mapViewRect: CGRect = self.mapView.frame
                mapViewRect.origin.y = scrollView.contentOffset.y
                mapViewRect.size.height = kHeaderHeight+yPos
                self.mapView.frame = mapViewRect
            }
        }

        override func didReceiveMemoryWarning() {
            super.didReceiveMemoryWarning()
            // Dispose of any resources that can be recreated.
        }

    }

Answer 3

实际上你需要做的是为表视图实现scrollview委托，因为它继承自scrollview，你可以实现scrollViewDidScroll委托，每当它向下滚动时，都要改变headerview的框架。

滚动时你的想法总是要将MKMapView的y位置保持在零位......而高度应相应地接近......

func scrollViewDidScroll(scrollView: UIScrollView) {
            let yPos: CGFloat = -scrollView.contentOffset.y

            if (yPos > 0) {
                //adjust your mapview y-pos and height
                //adjusting new position is all about real math
             }
        }

iOS模拟器中的性能预计不会与设备上的性能相匹配。 iOS模拟器是一种快速原型设计和快速迭代的工具。在您的情况下，在模拟器中重绘MapView性能非常慢，因为在每个Scroll中您都在计算其新的帧和高度。所以调整新帧需要一些时间，看起来很慢。

然而，在真实设备上进行调整时效果很好。

在swift中拉下UITableView的同时动画显示TableView的headerView

3 个答案: