ios - AutoLayout 两个标签 30 :70 ratio proportional

Question

我有两个标签绿色和黄色，我试图让它们始终与屏幕宽度成相同比例。我尝试了宽高比和更改优先级等但没有得到最终结果。如果有人能帮助我，我将不胜感激

Answer 1

您需要为与 super View 的宽度相关的 View 宽度设置约束。

就您而言:

1. 将绿色 View 的左侧固定到该 View 。
2. 将黄色 View 的右侧固定到该 View 。
3. 使绿色和黄色 View 之间的水平间距为零。

现在创建一个约束并应用它:

- (void)viewDidLoad {
    [super viewDidLoad];
    [self setupWidthConstraints];
}

- (void)setupWidthConstraints {
    NSLayoutConstraint *widthConstraint;
    widthConstraint = [NSLayoutConstraint constraintWithItem:self.greenView
                                                   attribute:NSLayoutAttributeWidth
                                                   relatedBy:NSLayoutRelationEqual
                                                      toItem:self.view
                                                   attribute:NSLayoutAttributeWidth
                                                  multiplier:0.30
                                                    constant:0.0];

    [self.view addConstraint:widthConstraint];
}

这将绿色 View 的宽度限制为 View 宽度的 30%。由于黄色 View 固定在侧面，绿色 View 固定在侧面，因此它将占据剩余的 70%。

如果您想查看实际效果，您可以从 https://bitbucket.org/abizern/so27659421/get/master.zip 获取一个示例项目来准确演示这一点。