自动布局 - 使视角的高度相对于超级景观高度的一半

Question

最近进入了自动布局，我被困在看起来像一个非常微不足道的问题的例子。我有一种观点，我想坐在屏幕的顶部，占据屏幕高度的一半。在自动布局之前简单 - 只需将其固定就位，并在超级视图调整大小时告诉它垂直扩展。

现在，我不能为我的生活看到如何去做。下面是我得到的，当我尝试此设置：

底部空间限制设置为“等于284”，当我改变对iPhone4的布局，是绝对的，绝对对我没用，因为它在屏幕底部保留284个点的空间，并将视图缩小到不再是屏幕大小的一半。而且也没有设置该约束等于任何其他视图的高度的某一部分的方式..

挣扎了一会儿后，我能想到这样做的唯一方法是要介绍的这款视图下方另一种观点认为，它们的管脚高度相等，让他们坐在上面和下面，然后设置第二个（底部）视图是隐形的......这看起来有点难看！

我失去了一些东西明显？..

Answer 1

从[至少] Xcode 5.1.1开始，这在IB中是可行的。虽然我花了一段时间才发现它实际上超级简单：

首先创建一个基本的顶部对齐约束（您还需要设置底部，左侧和右侧约束，如同正常） 。然后选择约束，然后导航到属性检查：

然后你就可以调整乘数。如果你想让超级视图的50％保留在1，因为它是按照超级中心对齐的。这也是创建视图是其他百分比过一个伟大的方式（如超图的25％）

Answer 2

后多一点的时间，我想出了以下内容。

我注意到它作为一个答案，但它不是非常令人满意，因为它假设在Interface Builder你不能真正做到这一点，但可以在代码中加入正确的约束之后为：

- (void) viewWillAppear:(BOOL)animated 
{ 

    NSLayoutConstraint *constraint = [NSLayoutConstraint constraintWithItem:upperview 
                   attribute:NSLayoutAttributeHeight 
                   relatedBy:0 
                    toItem:self.view 
                   attribute:NSLayoutAttributeHeight 
                   multiplier:.5 
                    constant:0]; 
    [self.view addConstraint:constraint]; 

} 

基本上，它对self.view的高度设置0.5的乘数，作用于upperview。 我不得不在IB中将底部垂直空间约束的优先级设置为低于1000，以避免关于中断约束的一堆运行时消息。因此，如果任何人都可以展示如何在界面生成器中做到这一点，那会更好地回答我的问题，否则我认为这是一样好（现在）？

Answer 3

我还有另外一种可能性，如果你有两个视图应该具有相同的高度：只需将view2的高度设置为view1的高度（这里的技巧不是明确设置view1的高度）。

[self.view addConstraints:[NSLayoutConstraint 
     constraintsWithVisualFormat:@"V:[topLayoutGuide]-0-[_view1]-0-[_view2(==_view1)]-0-[bottomLayoutGuide]" 
          options:0 
          metrics:nil 
           views:viewsDict]]; 

Answer 4

故事板解决方案，你可以设置任何意见之间的精确率：

现在：

利润！

附：此外请注意，此方法适用于不同嵌套级别的视图，并且（显然）适用于宽度

P.P.S.有时可能有助于“约束第一和第二项”或设置反向乘数（例如2而不是0.5）（但如果您不理解视图之间的相互关系如何，这些方法是无用的）。

Answer 5

比方法比Fyodor Volchyok的答案稍简单，也比方法更直接。 - 按住控制按钮并点击子视图。 - 只需按住命令按钮，将光标拖到超级视图，然后单击超级视图。 - 选择“长宽比”。

- 然后单击大小检查。 - 然后双击约束。

- 确保为这两个项目选择了“高度”。

- 然后将“乘数”更改为0.5半屏或任何你想要的超视图分数。

Answer 6

丈量的回答斯威夫特版本：

override func viewDidLoad() { 
    super.viewDidLoad() 
    // Do any additional setup after loading the view, typically from a nib. 



    upperView.translatesAutoresizingMaskIntoConstraints = false 


    var constraint = NSLayoutConstraint(item: upperView, 
             attribute: NSLayoutAttribute.top, 
             relatedBy: NSLayoutRelation.equal, 
             toItem: self.view, 
             attribute: NSLayoutAttribute.top, 
             multiplier: 1, 
             constant: 0) 

    self.view.addConstraint(constraint) 


    constraint = NSLayoutConstraint(item: upperView, 
            attribute: NSLayoutAttribute.height, 
            relatedBy: NSLayoutRelation.equal, 
            toItem: self.view, 
            attribute: NSLayoutAttribute.height, 
            multiplier: 0.5, 
            constant: 0) 

    self.view.addConstraint(constraint) 


    constraint = NSLayoutConstraint(item: upperView, 
            attribute: NSLayoutAttribute.leading, 
            relatedBy: NSLayoutRelation.equal, 
            toItem: self.view, 
            attribute: NSLayoutAttribute.leading, 
            multiplier: 1, 
            constant: 0) 

    self.view.addConstraint(constraint) 


    constraint = NSLayoutConstraint(item: upperView, 
            attribute: NSLayoutAttribute.trailing, 
            relatedBy: NSLayoutRelation.equal, 
            toItem: self.view, 
            attribute: NSLayoutAttribute.trailing, 
            multiplier: 1, 
            constant: 0) 

    self.view.addConstraint(constraint) 


}