添加子视图后移动按钮

Question

编辑以下 cmets - 使用约束来控制布局。

我正在尝试通过按钮添加/删除在情节提要中设置的视图控制器。按钮和任何先前添加的视图应按照以下视觉格式字符串在屏幕上向下移动：

可选("V:|-50-[viewXIB0(100)]-30-[buttonKey]")

可选("V:|-50-[viewXIB1(100)]-30-[viewXIB0(100)]-30-[buttonKey]")

可选("V:|-50-[viewXIB2(100)]-30-[viewXIB1(100)]-30-[viewXIB0(100)]-30-[buttonKey]")

（这是输入到 NSLayoutConstraint.constraintsWithVisualFormat 的可视格式字符串的 println 输出。）

感谢下面的 cmets，每次按下按钮时都会显示视图，并正确地向下移动页面。但是，超级视图和顶视图之间的间距为零 - 没有边距。添加其他视图时也会出现类似的问题 - 每个视图都隐藏在间距下方。底部间距大于所需的 30。而且，在插入几次之后，屏幕顶部开始出现更奇怪的事情。

在构建或运行时没有约束错误。当我的计算机运行速度非常慢时，我确实看到它短暂地出现在正确的位置，然后卡到屏幕顶部。我想我也能听到它在嘲笑我，但这可能是个玩笑。两个视图控制器都启用了自动布局。

我用来通过内部按钮的修饰添加视图的完整方法是：

@IBAction func addVCBenj(sender: AnyObject)
{
    // remove original constraint from button
    if (topConstraintBenjV != nil)
    {
        view.removeConstraint(topConstraintBenjV)
        topConstraintBenjV = nil
        println("addVCBen constraints removed")
    }
    // remove previous constraints as views are added
    if (constraintV != nil)
    {
        view.removeConstraints(constraintV!)
        println("removed")
    }

    // instantiate add add the view within the storyboard VC
    let storyboard = UIStoryboard(name: "Main", bundle: nil)
    let myVC = storyboard.instantiateViewControllerWithIdentifier("VCtoInsert") as UIViewController
    view.addSubview(myVC.view)

    // create and add a unique key for each view in the dictionary of views
    viewsDictionaryKey = "\(viewsDictionaryString)\(viewsDictionaryCounter)"
    viewsDictionaryCounter += 1
    viewsDictionary[viewsDictionaryKey!] = myVC.view

    // create the visual format string for layout
    suffixVisualFormatString_V = "[" + viewsDictionaryKey! + "(100)]-30-" + suffixVisualFormatString_V
    visualFormatString_V = prefixVisualFormatString_V + suffixVisualFormatString_V
    println(visualFormatString_V)

    // create and add horizontal and vertical constraints
    let constraintH = NSLayoutConstraint.constraintsWithVisualFormat("H:[\(viewsDictionaryKey!)(>=300)]", options: NSLayoutFormatOptions(0), metrics: metricsDictionary, views: viewsDictionary)

    myVC.view.setTranslatesAutoresizingMaskIntoConstraints(false)
    constraintV = NSLayoutConstraint.constraintsWithVisualFormat(visualFormatString_V!, options: NSLayoutFormatOptions(0), metrics: metricsDictionary, views: viewsDictionary)
    self.view.addConstraints(constraintV!)
    self.view.addConstraints(constraintH)
}

我看过 WWDC 视频，并搜索过类似的问题，但事实上，我现在很困惑，我什至不知道该搜索什么。

Answer 1

根据 BooRanger 的评论，通过将 IBOutlet 添加到顶部和底部约束，可以在每次按下按钮时操纵视图。然而，归根结底，集合视图是一种更简单的添加和删除视图的方法。