使用 UIScrollView 进行垂直分页

Question

我有一个 UIScrollView，里面有一个 UIView 和一个 UITableView。我想在第一次向下滚动时进行分页，视图向下滑动并将 TableView 定位到顶部（如垂直分页）。所以当用户来到页面时，他会看到 UIView 并且一旦向下滑动，它就会滚动直到 TableView 位于页面顶部，然后是经典的 TableView。然后，如果用户向上滑动超过 TableView 的顶部，则垂直分页回到 UIView。

UIScrollView
   |------------------|
   | |--------------| |
   | |    UIView    | |
   | |              | |
   | |              | |
   | |              | |
   | |              | |
   | |              | |
   | |--------------| |
   | |   TableView  | |
   | |              | |
   | |     ...      | |
   | |--------------| |
   |------------------|

之前，我使用scrollViewWillEndDragging 来获得上下滑动手势。但是我很困惑如何实现垂直分页。

func scrollViewWillEndDragging(scrollView: UIScrollView, withVelocity velocity: CGPoint, targetContentOffset: UnsafeMutablePointer<CGPoint>) {

   if targetContentOffset.memory.y < scrollView.contentOffset.y {

      // Going Up
       if Page != 0 {  // should also check if TableView is at top.
           // Scroll Up To UIView
       }
    } else {
       if 0 < scrollOffset {

            if Page == 0 { 
                // Scroll Down to the top of TableView    

                // I can also check if view is at the top maybe 200 pixels, but      
                // I think this would also work.

            }
       }
    }       
}

Answer 1

1. UIScrollView 具有 pagingEnabled 属性，只需将其设置为 true，但请确保正确设置内容大小。

   let scrollView = UIScrollView(frame: view.bounds)
   scrollView.pagingEnabled = true
   view.addSubview(scrollView)
   
   let pageSize = view.bounds.size
   
   let upperView = UIView()
   upperView.backgroundColor = UIColor.redColor()
   
   let lowerView = UITableView()
   lowerView.backgroundColor = UIColor.blueColor()
   
   let pagesViews = [upperView , lowerView]
   
   let numberOfPages = pagesViews.count
   
   for (pageIndex,page) in pagesViews.enumerate(){
       page.frame = CGRect(origin: CGPoint(x:0 , y:CGFloat(pageIndex) * pageSize.height), size: pageSize)
       scrollView.addSubview(page)
   }
   
   scrollView.contentSize = CGSize(width: pageSize.width, height: pageSize.height * CGFloat(numberOfPages))
   

2. 使用垂直滚动方向的 UIPageViewController，但你需要为页面使用 UIViewController。