Swift Collection 视图水平和垂直滚动

Question

我想让这个 Collection 视图可以水平和垂直滚动....但我想做这样的东西

https://giphy.com/gifs/lWshqs2BuvilYuE4Fl/html5

据我所知，有 Collection 视图和一些位于 Collection 视图之上的分段控件......我的意思是我唯一的问题是如何从任何地方水平滚动在屏幕上？

就像我不必从顶部分段控件滚动一样，我也可以从 collection 视图中滑动它

知道怎么做吗？因为我真的不知道我对不对.....

谢谢

*编辑，我不能使用库，所以我想我需要一些真正手动完成的东西，对于水平滚动我需要一个动态数据，我不知道分页控制器可以使用动态数据，因为只要我知道它的静态数据。

Answer 1

向每个视图控制器（屏幕）添加集合视图，并为您所需的输出应用 Parchment 框架。

您可以在 :- https://github.com/rechsteiner/Parchment

上获得更多关于 Parchment 的信息

附加一些类似的框架（select根据您的要求）

Answer 2

拍一张viewcontroller
添加一个视图 2 将其顶部约束和高度设置为 44
添加滚动视图并给予适当的约束（以编程方式或使用故事板选择是您的选择）
添加凭证、订阅、任务 3 个按钮。
为代金券、订阅、任务创建 3 个不同的 ViewController。
在滚动视图中添加 3 viewcontrollers

// define this variable globally
var previousPageXOffset: CGFloat = 0.0
var pagenumber = 0

// add this in viewdidload
let aViewController = self.storyboard!.instantiateViewController(withIdentifier: "voucher") as! voucher

  let bViewController = self.storyboard!.instantiateViewController(withIdentifier: "subscription") as! subscription
  
  let cViewController = self.storyboard!.instantiateViewController(withIdentifier: "misson") as! misson
  
  let bounds = UIScreen.main.bounds
  let width = bounds.size.width
  let height = CGFloat(1.0)
  
  let viewControllers = [aViewController, bViewController, cViewController]
  
  self.scrollview!.contentSize = CGSize(width: CGFloat(self.totalscreen)*width, height: height)
  
  var idx:Int = 0
  
  for viewController in viewControllers {
      self.addChild(viewController)
      let originX:CGFloat = CGFloat(idx) * width
      viewController.view.frame = CGRect(x: originX, y: 0, width: self.scrollview.frame.width, height: self.scrollview.frame.height)
      self.scrollview!.addSubview(viewController.view)
      print("change")
      viewController.didMove(toParent: self)
      idx+=1
  }

// delegate for scrollview 

extension yourVC: UIScrollViewDelegate{
  
  func scrollViewDidEndScrollingAnimation(_ scrollView: UIScrollView) {
      
      previousPageXOffset = scrollView.contentOffset.x
  }
  
  func scrollViewWillEndDragging(_ scrollView: UIScrollView, withVelocity velocity: CGPoint, targetContentOffset: UnsafeMutablePointer<CGPoint>) {
      
      let targetOffset = targetContentOffset.pointee
      
      if targetOffset.x == previousPageXOffset {
          // page will not change
      } else if targetOffset.x < previousPageXOffset {
          print("left")
          pagenumber = pagenumber - 1
      } else if targetOffset.x > previousPageXOffset {
          print("ryt")
          pagenumber = pagenumber + 1
      }
      
      if pagenumber <= 0 {
          
          //set buttons colors or bottom line in your case if first page is selected
          
      }else if pagenumber == 1{
          //set buttons colors or bottom line in your case if second page is selected
      }else{
          //set buttons colors or bottom line in your case if third page is selected
      }
      print(pagenumber)
      previousPageXOffset = targetOffset.x
      print(previousPageXOffset)
  }
}

特定按钮（前 3 个按钮）点击功能

    func scrollToPage(page: Int, animated: Bool) {
        var frame: CGRect = self.scrollview.frame
        frame.origin.x = frame.size.width * CGFloat(page)
        frame.origin.y = 0
        self.scrollview.scrollRectToVisible(frame, animated: animated)
    }

我希望它对你有用:)

Swift Collection 视图水平和垂直滚动

Swift Collection view Horizontal and vertical scroll

ios

swift

uisegmentedcontrol

collectionview