使用自动布局确定 UIView 的宽度 - SWIFT

Question

好的，所以在界面生成器 (Main.storyboard) 中，我有一个 containerView:UIView 嵌入在 UIScrollView 中。在 containerView 中，我想创建额外的 UIView 来保存内容块，例如 header、body 等。这样做的原因是，是为了让内容可以垂直滚动但不能水平滚动。

我的目标是使用自动布局来创建这些不同的 UIView。截至目前，containerView 会根据所用设备的屏幕尺寸自动调整其宽度，以防止水平滚动。它使用我为宽度约束创建的 IBOutlet 来执行此操作。目前看起来是这样的：

@IBOutlet var containerView: UIView!
@IBOutlet var containerViewWidthConstraint: NSLayoutConstraint!

override func viewDidLoad() {
    super.viewDidLoad()

    //Prevents horizontal scrolling
    containerViewWidthConstraint.constant = self.view.frame.size.width

    createHeader()
}

然后我创建了一个名为 createheader{} 的函数，它将 headerView:UIView 固定在 containerView 的顶部，并从 containerView 的任一边缘固定 8 个点：

func createHeader() {
    //Create header
    let headerView = UIView()
    headerView.backgroundColor = UIColor.blueColor()
    self.containerView.addSubview(headerView)

    //Create header constraints
    let leftMargin = NSLayoutConstraint(item: headerView, attribute: .Leading, relatedBy: .Equal, toItem: containerView, attribute: .Leading, multiplier: 1.0, constant: 8)
    let rightMargin = NSLayoutConstraint(item: containerView, attribute: .Trailing, relatedBy: .Equal, toItem: headerView, attribute: .Trailing, multiplier: 1.0, constant: 8)
    let topMargin = NSLayoutConstraint(item: headerView, attribute: .Top, relatedBy: .Equal, toItem: containerView, attribute: .Top, multiplier: 1.0, constant: 70)
    let heightConstraint = NSLayoutConstraint(item: headerView, attribute: .Height, relatedBy: .Equal, toItem: nil, attribute: NSLayoutAttribute.NotAnAttribute, multiplier: 1.0, constant: 160)

    //Activate header constraints
    headerView.setTranslatesAutoresizingMaskIntoConstraints(false)
    NSLayoutConstraint.activateConstraints([leftMargin,rightMargin,topMargin,heightConstraint])

    println(headerView.frame.size.width)
}

现在，由于 headerView 中内容的大小将取决于所用设备的屏幕大小，我希望能够创建根据headerView 本身的宽度大小。但是每次我尝试使用

获取 headerView 的宽度时

println(headerView.frame.size.width)

它 returns 的值为零，显然不是这样，因为它仍在根据上述约束创建 blue-background headerView。

为什么 SWIFT 没有识别出 headerView 有宽度？我怎样才能抓住 headerView 的宽度？

Answer 1

安装约束后，如果您想立即更新框架，您需要调用 layoutIfNeeded。

func createHeader() {
    //Create header
    let headerView = UIView()
    headerView.backgroundColor = UIColor.blueColor()
    self.containerView.addSubview(headerView)

    ...

    //Activate header constraints
    headerView.setTranslatesAutoresizingMaskIntoConstraints(false)
    NSLayoutConstraint.activateConstraints([leftMargin,rightMargin,topMargin,heightConstraint])

    self.containerView.layoutIfNeeded() // Updates the frames
    println(headerView.frame.size.width) // Will output the correct width
}

请注意，这将在 UI 循环的下一次迭代中自动发生，但是，如果您想立即查看效果，这对您没有帮助。

使用自动布局确定 UIView 的宽度 - SWIFT

Determining width of a UIView using autolayout - SWIFT

width

uiview

ios

autolayout

swift