45

我有一个四按钮布局。在纵向中，它们应该显示在另一个之上。在横向中，它们应该在两列中，每列有两个按钮。

我在代码中实现按钮 - 非常简单的东西：

UIButton *btn1 = [[UIButton alloc] init];
[self.view addSubview: btn1]; 

UIButton *btn2 = [[UIButton alloc] init];
[self.view addSubview: btn2]; 

UIButton *btn3 = [[UIButton alloc] init];
[self.view addSubview: btn3]; 

UIButton *btn4 = [[UIButton alloc] init];
[self.view addSubview: btn4]; 

NSDictionary *views = NSDictionaryOfVariableBindings(btn1, btn2, btn3, btn4);

[btn1 setTranslatesAutoresizingMaskIntoConstraints:NO];
[btn2 setTranslatesAutoresizingMaskIntoConstraints:NO];
[btn3 setTranslatesAutoresizingMaskIntoConstraints:NO];
[btn4 setTranslatesAutoresizingMaskIntoConstraints:NO];

// portrait constraints
[self.view addConstraints:[NSLayoutConstraint constraintsWithVisualFormat:@"H:|-(50)-[btn1]-(50)-|"
                                                                 options:0 metrics:nil views:views]];
[self.view addConstraints:[NSLayoutConstraint constraintsWithVisualFormat:@"H:|-(50)-[btn2]-(50)-|"
                                                                 options:0 metrics:nil views:views]];
[self.view addConstraints:[NSLayoutConstraint constraintsWithVisualFormat:@"H:|-(50)-[btn3]-(50)-|"
                                                                 options:0 metrics:nil views:views]];
[self.view addConstraints:[NSLayoutConstraint constraintsWithVisualFormat:@"H:|-(50)-[btn4]-(50)-|"
                                                                 options:0 metrics:nil views:views]];

[self.view addConstraints:[NSLayoutConstraint constraintsWithVisualFormat:@"V:[btn1]-[btn2]-[btn3]-[btn4]-(50)-|"
                                                                 options:0 metrics:nil views:views]];

这显然是纵向布局的设置。我以前会确定设备及其方向，以便在各自的方向上为 iPad 和 iPhone 制作特定的外壳。但是现在我们应该使用大小类。如何确定尺寸类是否“紧凑”......从而设置适当的约束？

4

4 回答 4

53

与此同时，我找到了一个很好的解决方案。由于这个问题有很多赞成票，我想我会很快描述它。WWDC 会议启发了我对这个解决方案的启发。

我已经转向 Swift，所以请原谅代码会很快 - 但是 Obj-C 的概念是相同的。

首先声明三个约束数组：

 // Constraints
 private var compactConstraints: [NSLayoutConstraint] = []
 private var regularConstraints: [NSLayoutConstraint] = []
 private var sharedConstraints: [NSLayoutConstraint] = []

然后你相​​应地填充约束。您可以在一个单独的函数中执行此操作，您可以从中调用viewDidLoad或viewDidLoad直接执行此操作。

sharedConstraints.append(contentsOf: [
     btnStackView.centerXAnchor.constraint(equalTo: self.view.centerXAnchor),
    ...
])

compactConstraints.append(contentsOf: [
     btnStackView.widthAnchor.constraint(equalTo: self.view.widthAnchor, multiplier: 0.7),
    ...
])

regularConstraints.append(contentsOf: [
     btnStackView.widthAnchor.constraint(equalTo: self.view.widthAnchor, multiplier: 0.4),
    ...
])

重要的部分是在大小类别之间切换和激活/停用适当的约束。

override func traitCollectionDidChange(_ previousTraitCollection: UITraitCollection?) {

    super.traitCollectionDidChange(previousTraitCollection)

    if (!sharedConstraints[0].isActive) {
       // activating shared constraints
       NSLayoutConstraint.activate(sharedConstraints)
    }


    if traitCollection.horizontalSizeClass == .compact && traitCollection.verticalSizeClass == .regular {
        if regularConstraints.count > 0 && regularConstraints[0].isActive {
            NSLayoutConstraint.deactivate(regularConstraints)
        }
        // activating compact constraints
        NSLayoutConstraint.activate(compactConstraints)
    } else {
        if compactConstraints.count > 0 && compactConstraints[0].isActive {
            NSLayoutConstraint.deactivate(compactConstraints)
        }
        // activating regular constraints
        NSLayoutConstraint.activate(regularConstraints)
    }
}

我知道约束不适合问题中的约束。但是约束本身是无关紧要的。主要的是如何根据尺寸等级在两组约束之间切换。

希望这可以帮助。

于 2017-01-22T10:54:27.733 回答
40

您可以检查视图的特征集合以确定其水平和垂直大小类。

if (self.view.traitCollection.horizontalSizeClass == UIUserInterfaceSizeClassCompact) {
    ...
}

实现traitCollectionDidChange:当特征由于自动旋转而改变时自动调用的方法。

有关详细信息，请参阅UITraitCollection 类参考和UITraitEnvironment 协议参考。

于 2014-10-27T01:43:45.030 回答
11

已接受答案的 Swift 4 代码：

if (self.view.traitCollection.horizontalSizeClass == .compact) {
...
}
于 2017-10-10T20:11:23.630 回答
2

traitCollection 仅适用于 iOS8。所以你的应用会在 iOS7 上崩溃。使用下面的代码同时支持 iOS7 和 iOS8

if ([self.view respondsToSelector:@selector(traitCollection)]){

    if (self.view.traitCollection.horizontalSizeClass == UIUserInterfaceSizeClassCompact) {
    ...
    }

}
于 2015-02-18T10:08:07.043 回答