UIViewController内部的UIScrollView不水平滚动

时间:2020-07-30 02:03:06

标签: ios swift uiscrollview

我已经在UIViewController内创建了一个UIScrollView。我在UIScrollView中添加了一个UIView,在UIView中添加了一个标签。该计划最终要添加3个非常大的UIButton,这就是为什么我需要滚动视图的原因。我没有使用情节提要,并且它是以编程方式完成的。我无法使UIScrollView正常工作。

class ChooseCategoryPostViewController: UIViewController, UIScrollViewDelegate {

       let scrollView: UIScrollView = {
       let sv = UIScrollView()
       sv.backgroundColor = .green
       return sv
                     }()

       let myView: UIView = {
       let view = UIView()
       view.backgroundColor = .red
       return view
                    }()

       let test: UILabel = {
          let label = UILabel()
          label.text = "test label"
          label.font = UIFont.boldSystemFont(ofSize: 15)
          label.textAlignment = .center
          return label
      }()


         override func viewDidLoad() {
    view.addSubview(scrollView)
    scrollView.addSubview(myView)
    
    scrollView.anchor(top: topTitle.bottomAnchor, left: nil, bottom: nil, right: nil, paddingTop: 200, paddingLeft: 0, paddingBottom: 0, paddingRight: 0, width: view.frame.width, height: 200)
    myView.anchor(top: scrollView.topAnchor, left: scrollView.leftAnchor, bottom: scrollView.bottomAnchor, right: nil, paddingTop: 0, paddingLeft: 10, paddingBottom: 0, paddingRight: 0, width: 1700, height: 200)
    myView.addSubview(test)
    test.anchor(top: myView.topAnchor, left: nil, bottom: nil, right: myView.rightAnchor, paddingTop: 20, paddingLeft: 0, paddingBottom: 0, paddingRight: 20, width: 0, height: 0)

}

 override func viewDidLayoutSubviews() {
    scrollView.isScrollEnabled = true
    // Do any additional setup after loading the view
    scrollView.contentSize = CGSize(width: view.frame.width, height: 200)
}

1 个答案:

答案 0 :(得分:0)

您需要确保滚动视图contentSize的宽度大于滚动视图本身的宽度。如下所示的简单操作应该会导致水平滚动:

override func viewDidLayoutSubviews() {
    scrollView.isScrollEnabled = true
    // Do any additional setup after loading the view
    scrollView.contentSize = CGSize(width: view.frame.width * 2, height: 200)
}
相关问题