2

我正在构建一个自定义进度条（UIView 的子类）。我将 UIImageView 添加到使用重复图像来显示进度的 UIView 中。视图被添加到情节提要中，我可以让它显示得很好，但是如果我尝试更改框架，那么它只会显示情节提要文件中显示的任何内容（即，如果情节提要视图具有黄色背景，但代码uiview 子类将其更改为绿色，如果我尝试在代码中更改 UIImageView 的框架以反映当前进度，则默认返回黄色背景）

我尝试使用这些没有运气：

[self updateConstraints];
[self layoutSubviews];

更新

我知道我需要设置一个用于自动布局的约束。但是，它需要以编程方式完成，因为我正在以这种方式创建子类 UIView。这是我正在尝试的代码，我知道我很接近但不能让它工作：

[self addConstraint:
 [NSLayoutConstraint constraintWithItem:self.progressView
                              attribute:NSLayoutAttributeWidth
                              relatedBy:NSLayoutRelationLessThanOrEqual
                                 toItem:nil
                              attribute:NSLayoutAttributeWidth
                             multiplier:1
                               constant:progressWidth]];

[UIView animateWithDuration:3 animations:^{
    [self.progressView layoutIfNeeded];
}];
4

3 回答 3

7

使用自动布局时，永远不要触摸框架。使用这样的布局系统的全部意义在于，框架是根据附加到它们的可满足约束来推断的。

在不了解更多细节的情况下，解决此问题的方法是创建从情节提要到相关视图的 NSLayoutConstraint 出口。例如，您可能在进度视图上有一个宽度约束 - 为宽度约束创建一个NSLayoutConstraint出口将允许您更新constant，这反过来又会调整框架。

动画示例：

self.widthConstraint.constant = 300;

[UIView animateWithDuration:0.4 animations:^{
    [self.view layoutIfNeeded];
}];

2013 年 5 月 15 日更新

这是使用约束的可视格式以编程方式创建约束的示例（更易于使用）

UIView *w_progressView = self.progressView
NSArray *wc = [NSLayoutConstraint constraintsWithVisualFormat:@"[w_progressView(200)]"
                                                                              options:0
                                                                              metrics:nil
                                                                                views:NSDictionaryOfVariableBindings(w_progressView)];

（抱歉格式化，它的方法很长......）

然后添加返回到父视图的约束的NSArray ：

[self addConstraints:wc];

该符号在视图progressViewprogressView(200)上放置了 200 点宽度

于 2013-05-13T06:09:14.153 回答
1

在使用自动布局时，如果您想更改任何视图的框架，您应该首先编写...

[view setTranslatesAutoresizingMaskIntoConstraints:YES];

接着

[view setFrame:...];
于 2015-01-23T07:02:11.953 回答
0

使用自动布局时，您不会更改或设置框架，而是更改约束。在 WWDC 2012 上展示了 3 个有关自动布局的视频。如果您想了解如何使用自动布局，请查看它们。

于 2013-05-13T06:07:05.580 回答