如何为堆栈视图中的视图添加约束

Question

我有一个包含4个按钮的堆栈视图.每个按钮我也添加了subview.4个按钮的子视图,我尝试编程以添加约束.一些约束,如.Trailing .Leading .TOP .Bottom 我不能被错误约束和堆栈视图问题添加到它.如何将该约束添加到stackview的子视图的任何解决方案.如果有任何样品,对我来说真的很好.预先感谢

Answer 1

UIStackView的功能是减少您对约束的使用，只需为其提供一些设置信息，例如axis，distribution，alignment，spacing。堆栈视图将自动布局您的子视图项，因为堆栈视图的大小基于其“子视图”的internalContentSize，您可以通过额外的约束来设置子视图的大小以进行覆盖。

向stackView的子视图添加约束与UIView中的其他项相同。但这不是 StackView的方式，因此您应该注意添加冲突约束。

希望此代码演示对您有所帮助：

let stackView = UIStackView()
let demoView = UIView()
demoView.backgroundColor = UIColor.red

stackView.addArrangedSubview(demoView)
demoView.translatesAutoresizingMaskIntoConstraints = false

// add your constraints as usual
demoView.widthAnchor.constraint(equalToConstant: 300).isActive = true
demoView.heightAnchor.constraint(equalToConstant: 200).isActive = true
demoView.trailingAnchor.constraint(equalTo: stackView.trailingAnchor).isActive = true
demoView.topAnchor.constraint(equalTo: stackView.topAnchor).isActive = true

view.addSubview(stackView)
stackView.translatesAutoresizingMaskIntoConstraints = false
stackView.trailingAnchor.constraint(equalTo: view.trailingAnchor).isActive = true
stackView.topAnchor.constraint(equalTo: view.topAnchor).isActive = true