将 UIButton 放置在带有约束的 UIScrollView 底部

Question

我有一个包含三个 textfield/textview 字段的视图，为了在键盘出现时使视图可滚动，我将所有元素都放在滚动视图中。之前不在框架外的元素，所以 contentSize 应该与全屏大小相同，然后当键盘出现时，所以当键盘出现时，我将滚动视图的底部约束更新为视图底部的 -keyboardHeight然后它可以在键盘上方滚动..

一切正常，问题是在滚动视图底部添加一个按钮 leading/trailing 到视图的侧面和底部。

看图片：

Current view, with button hidden behind navigation bar

Where i would like the button to be. Approx 20 margin to right.left.bottom

我正在使用 SnapKit 来设置我的约束，对于按钮我想做这样的事情：

    sharebutton.snp.makeConstraints { (make) in
        make.width.left.right.equalToSuperview()
        make.bottom.equalToSuperview().offset(-20)
    }

（Superview/the scrollview 已经设置为 20 margin from sides）

//编辑：添加代码 ->

override func viewDidLayoutSubviews() {
    scrollview.contentSize = CGSize(width: centerView.frame.width,      height: view.frame.height)
}

override func viewDidLoad() {
    super.viewDidLoad()

    self.title = "title"
    view.backgroundColor = .white

    view.addSubview(scrollview)

    scrollview.addSubview(sharebutton)
    scrollview.addSubview(subjectField)
    scrollview.addSubview(messageField)
    scrollview.addSubview(datepicker)
    scrollview.addSubview(addressTable)
    addressTable.dataSource = self
    addressTable.delegate = self
    addressTable.separatorStyle = .none
    addressTable.keyboardDismissMode = .onDrag
    addressTable.separatorStyle = .singleLineEtched

    subjectField.placeholder = "content"
    datepicker.setTitle("topbutton", for: .normal)
    datepicker.setTitleColor(.black, for: .normal)
    datepicker.setTitleColor(UIColor.ME.border, for: .highlighted)
    datepicker.titleLabel?.font = UIFont.ME.button
    datepicker.layer.borderWidth = 1
    datepicker.layer.cornerRadius = 3
    datepicker.layer.borderColor = UIColor.ME.border.cgColor
    datepicker.addTarget(self, action: #selector(showDates), for: .touchUpInside)

    sharebutton.setTitle("Share", for: .normal)
    sharebutton.backgroundColor = UIColor.ME.buttonMainBlue
    sharebutton.addTarget(self, action: #selector(shareClicked), for: .touchUpInside)

    scrollview.backgroundColor = .red
    scrollview.snp.makeConstraints { (make) in
        make.top.bottom.equalToSuperview()
        make.left.width.right.equalTo(centerView)
    }

    datepicker.snp.makeConstraints { (make) in
        make.top.equalToSuperview().offset(paddingGlobal)
        make.left.width.right.equalToSuperview()
        make.height.equalTo(50)
    }

    addressTable.snp.makeConstraints { (make) in
        make.top.equalTo(datepicker.snp.bottom)
        make.left.right.equalTo(datepicker)
        make.height.equalTo(200)
    }

    subjectField.snp.makeConstraints { (make) in
        make.top.equalTo(datepicker.snp.bottom).offset(20)
        make.left.right.equalToSuperview()
    }

    messageField.snp.makeConstraints { (make) in
        make.top.equalTo(subjectField.snp.bottom).offset(20)
        make.height.equalTo(200)
        make.left.right.equalToSuperview()
    }

    sharebutton.snp.makeConstraints { (make) in
        make.width.left.right.equalToSuperview()
        make.bottom.equalToSuperview().offset(-20)
    }
}

有什么想法吗？

Answer 1

正如 Govind 评论的那样，我可以通过将我的子视图放在容器视图中来解决它。

Answer 2

您需要先在 scrollView 子视图中添加一个 UIView（例如将其命名为 containerView），然后将所有 uielement（例如 textfield/textview、UIButton）添加到该子视图该 containerView 的。

Answer 3

使用 StoryBoard 和 Constaint Xcode 11.5 iOS 13

StoryBoard View Controller Scene

将 UIButton 放置在带有约束的 UIScrollView 底部

Place a UIButton at bottom of UIScrollView with constraints

constraints

ios

swift

snapkit