哪些约束会阻止我的UIView相互叠加？

Question

我的UIView像这样堆叠在一起：

每个UIView都在一个< code>wordContainer中。每个UIView内部都有两个< code>UILabel

我用两个子UILabel创建每个UIView，如下所示：

    var labels = [UIView]()
    for word in words {

        let wordLabel               = UILabel(frame: CGRectZero)
        wordLabel.text              = word.valueForKey("sanskrit") as? String
        wordLabel.numberOfLines     = 0
        wordLabel.sizeToFit()
        wordLabel.translatesAutoresizingMaskIntoConstraints = false

        let englishWordLabel           = UILabel(frame: CGRectMake(wordLabel.frame.width + 10,0,0,0))
        englishWordLabel.text          = word.valueForKey("english") as? String)
        englishWordLabel.numberOfLines = 0
        englishWordLabel.sizeToFit()
        englishWordLabel.lineBreakMode     = .ByWordWrapping
        englishWordLabel.translatesAutoresizingMaskIntoConstraints = false

        let wordView = UIView(frame: CGRectMake(0,0,self.view.frame.width,englishWordLabel.frame.height))
        wordView.translatesAutoresizingMaskIntoConstraints = false
        wordView.addSubview(wordLabel)
        wordView.addSubview(englishWordLabel)

        wordView.sizeToFit()

        labels.append(wordView)
    }

然后我将这个UIView集合添加到我的wordContainer中。这就是我认为应该设置NSLayoutConstraints的部分。我的想法是，我希望它们能够正确地叠放在一起。例如，它应该如下所示：

word: definition
word: definition
word: definition
word: definition

但是它看起来是这样的:

我将它们添加到wordContainer中，如下所示：

    let wordContainer  = UIView(frame: CGRectZero)

    var currentY:CGFloat      = 0.0
    let margin_height:CGFloat = 4.0
    var height:CGFloat        = 0

    for view in wordViews {
        var rect = view.frame
        rect.origin.y = currentY
        view.frame = rect

        currentY += view.frame.height
        height += view.frame.height

        wordContainer.addSubview(view)

    }
    let containRect = CGRectMake(0,0,self.view.frame.width, height)
    wordContainer.frame = containRect

然后，我为< code>wordContainer设置了约束条件，如果这些单词没有堆叠在一起，它将有效地为所有单词留出空间:

   wordContainer.bottomAnchor.constraintEqualToAnchor(cell.contentView.bottomAnchor).active     = true
   wordContainer.topAnchor.constraintEqualToAnchor(cell.contentView.topAnchor).active           = true

我的最新想法是，也许我应该为此添加约束。我已经尝试过将NSLayout约束添加到单元格的高度，当我这样做时，所有单词都不再适当地布局。相反，它们彼此堆叠在一起。但这似乎是正确的方向。

Answer 1

在您的UITableViewController中，在viewDidLoad（）中，尝试：

//set up table view cell dynamic height
tableView.rowHeight = UITableViewAutomaticDimension

在情节提要中，确保您使用了AutoLayout，并且您的单元格元素对超级视图的所有约束都已设置并固定。例如，您的单元格的顶部文本必须定义其边距以便超级查看，并设置一个值。

Answer 2

为了让单元格自动调整其高度，contentView中的内容必须约束contentView的所有4条边。

我刚刚用不同的单元格类型对文本、图像和嵌入的推文做了这个，遇到了你描述的一些问题。我发现最简单的方法是在内容视图中的任何组件周围添加一个视图，然后你可以很容易地在该元素周围添加约束。

我只是快速浏览了一下，寻找可以证明这一点的东西，并找到了另一个SO答案，用一些屏幕截图来解释它。

另外，我今天这样做时使用的参考资料是雷·温德利希网站上的这篇文章