2

我正在使用带有情节提要和自动布局的 xcode 5。我的一个 ViewController 的布局有一个带有图像背景的 UIButton。视图控制器还有 3 个锚定在视图底部的按钮和上面的一些标签。我将我的故事板布置在 4 英寸视网膜显示器（即：iphone 5+）上，而我遇到的问题是在模拟 3.5 英寸显示器时（即：iphone 4、4s 等）

我已将底部锚定按钮的高度固定为保持不变。我想要的是当应用程序在 3.5 英寸显示屏 iphone 上运行时，带有图像的 UIButton 将调整为更小（保持所有其他标签和按钮的大小和间距相同）。因此，该 UIButton 的纵横比将保持不变，它只会变小。

我无法在自动布局教程或在线其他人中找到有关如何设置约束来执行此操作的任何内容（高度/宽度保持成比例）。

4

3 回答 3

1

我认为您真正想要的如下： 1.Label 的顶部距离其 superView 100，底部距离其 superView 68 2.在 4 英寸显示屏中，其尺寸为 200x400，比例为 0.5 3.在 3.5 英寸显示屏中，其尺寸为 312x624，比例为 0.5

- (void)viewDidLoad
{
    [super viewDidLoad];
    self.view.backgroundColor = [UIColor whiteColor];

    // create search bar
    CGRect frame = CGRectMake(60, 100, 200, 400);
    _label = [[UILabel alloc] initWithFrame:frame];
    _label.backgroundColor = [UIColor blueColor];
    [self.view addSubview:_label];

    // layout search bar
    _label.translatesAutoresizingMaskIntoConstraints = NO;
    // height
    NSLayoutConstraint *constraint = [NSLayoutConstraint constraintWithItem:_label
                                                                  attribute:NSLayoutAttributeHeight
                                                                  relatedBy:NSLayoutRelationLessThanOrEqual
                                                                     toItem:nil
                                                                  attribute:NSLayoutAttributeNotAnAttribute
                                                                 multiplier:0
                                                                   constant:400];
    // width
    [_label addConstraint:constraint];
    constraint = [NSLayoutConstraint constraintWithItem:_label
                                              attribute:NSLayoutAttributeWidth
                                              relatedBy:NSLayoutRelationEqual
                                                 toItem:_label
                                              attribute:NSLayoutAttributeHeight
                                             multiplier:0.5
                                               constant:0];
    [_label addConstraint:constraint];

    // vertical
    NSDictionary *views = NSDictionaryOfVariableBindings(_label, self.view);
    NSArray *constraints = [NSLayoutConstraint constraintsWithVisualFormat:@"V:|-100-[_label]-68-|"
                                                                   options:0
                                                                   metrics:nil
                                                                     views:views];
    [self.view addConstraints:constraints];

    // horizontal
    constraint = [NSLayoutConstraint constraintWithItem:_label
                                              attribute:NSLayoutAttributeCenterX
                                              relatedBy:NSLayoutRelationEqual
                                                 toItem:self.view
                                              attribute:NSLayoutAttributeCenterX
                                             multiplier:1
                                               constant:0];
    [self.view addConstraint:constraint];
}
于 2013-12-04T12:10:01.443 回答
0

我猜想通过界面生成器在自动布局中保留纵横比是不可能的。＃失败。

据此：http ://www.raywenderlich.com/50319/beginning-auto-layout-tutorial-in-ios-7-part-2 ，在教程的最后。

所以，我想我需要以某种方式以编程方式执行此操作。

于 2013-11-07T05:14:38.537 回答
0

查看WWDC 2013 视频中的“在 Xcode 5 中控制自动布局”视频- 快速：添加新约束区域的顶部可能是您正在寻找的内容

添加新约束

于 2013-11-06T04:56:45.967 回答