水平UIScrollView使用自動佈局

Question

我一直在嘗試這個相當長的一段時間，並經歷了很多SO和一些視頻教程的帖子。我想製作的是在它的一些按鈕水平滾動視圖，類似這樣的：

我的看法層次結構如下所示：

• 視圖控制器
  • 查看
    • 滾動查看
      • 查看 個
        • 按鈕

我已經設置頂部，前置，底部約束來滾動視圖。我已經將它的寬度設置爲它的超級視圖，並將它的高度設置爲200.對於滾動視圖內的視圖，我已經將它的約束前導，尾隨，頂部和底部設置爲零，相對於它的超級視圖即滾動視圖。我已經把它的寬度等於視圖控制器視圖，因爲這是解決這個問題的模糊寬度問題。它解決了這個問題。現在我添加了所有按鈕，並將它們的約束設置爲其父視圖。現在，當我運行該應用程序時，會出現類似上面添加的屏幕截圖的屏幕，但無法滾動到最後一個元素。任何幫助都非常令人滿意。在BTN

Answer 1

@IBOutlet weak var scrollView: UIScrollView! 

    @IBOutlet weak var btnBack: UIButton! 
    @IBOutlet weak var btnForward: UIButton! 

let headerView = UIView() 
     headerView.backgroundColor = UIColor.white 

     for i in 0..<selectedRestaurant.multipleImages.count { 
      let url = selectedRestaurant.multipleImages[i] 

      let imgView = UIImageView() 
      imgView.frame = CGRect(x: CGFloat(i) * self.view.frame.size.width, y: 0, width: self.view.frame.size.width, height: scrollView.frame.size.height) 

      let task = URLSession.shared.dataTask(with: URL(string: url as! String)!, completionHandler: { (data, response, error) in 

       if error == nil { 
        if data != nil { 
         imgView.contentMode = UIViewContentMode.scaleAspectFill 
         imgView.image = UIImage(data: data!) 
        } 
       } 



     }) 
       scrollView.addSubview(imgView) 
scrollView.contentSize = CGSize(width: self.view.frame.size.width * CGFloat(selectedRestaurant.multipleImages.count), height: scrollView.frame.size.height) 

寫代碼回點擊< < < <

let index = Int(scrollView.contentOffset.x/self.view.frame.size.width) - 1 
     print("\(index)") 
     if index >= 0 { 
      scrollView.setContentOffset(CGPoint(x: CGFloat(index) * self.view.frame.size.width, y: 0), animated: true) 
     } 

寫代碼BTN接下來點擊>>>>>

let index = Int(scrollView.contentOffset.x/self.view.frame.size.width) + 1 
     print("\(index)") 
     if index < (selectedRestaurant.multipleImages.count) { 
      scrollView.setContentOffset(CGPoint(x: CGFloat(index) * self.view.frame.size.width, y: 0), animated: true) 
     } 

Answer 2

它是如此簡單。

1. 採取滾動型（繪製左上右下和HIGHT約束）

2. 乘坐的UIView它會像一個容器查看。（畫左上右下使用scrollView的約束（））。

3. 使您的視圖控制器1000px，以便您可以使您的scrollView更大，更容易watch.later你可以最大限度地減少它。

4. 現在保持你的按鈕在裏面。 請記住，，每個按鈕將有頂級主導寬度，高度和尾隨如有必要。寬度&高度對於scrollView非常重要，因爲它有多大取決於它。

值得一千字的圖片。

這裏是我的層次

這裏是故事板佈局design.White背景基本上是containerView。

這裏是output.I給點顏色爲更好地理解。