带有自定义视图的AutoLayout在NIB文件中定义并在StoryBoard中使用的问题

mkr*_*rus 10 storyboard nib ios autolayout

我在NIB文件中定义了一个自定义视图,并希望在StoryBoard中实例化一个副本,但我遇到了autolayout的问题.

在一个简单的示例中,自定义视图具有固定大小的单个标签,并且垂直和水平居中,全部使用自动布局.

在此输入图像描述

文件所有者设置为我的类,它有一个顶视图的插座.在自定义视图实现中,我做:

- (id)initWithCoder:(NSCoder *)aDecoder
{
    self = [super initWithCoder:aDecoder];
    if(self)
    {
        [[NSBundle mainBundle] loadNibNamed:@"FMCompassView" owner:self options:nil];
        [self addSubview:self.topView];
    }
    return self;
}
Run Code Online (Sandbox Code Playgroud)

现在,在我的故事板中,我添加了一个UIView,将它的类设置为我的自定义类,并将其布局为大小并居中于我的页面,再次使用autolayout.

在此输入图像描述

并且我的窗口小部件的位置和大小正确,但它的内容未调整大小,如下图所示: 在此输入图像描述

我尝试从NIB加载后添加更多约束,类似于:

UIView* subV = self.topView;
NSDictionary *viewsDictionary = NSDictionaryOfVariableBindings(subV);
[self addConstraints:[NSLayoutConstraint constraintsWithVisualFormat:@"|[subV]|" options:NSLayoutFormatAlignAllBaseline metrics:nil views:viewsDictionary]];
[self addConstraints:[NSLayoutConstraint constraintsWithVisualFormat:@"V:|[subV]|" options:NSLayoutFormatAlignAllBaseline metrics:nil views:viewsDictionary]];
Run Code Online (Sandbox Code Playgroud)

但这会导致无效的布局约束.

有关如何使其工作的任何想法?

干杯!

mkr*_*rus 22

通过加载NIB创建的视图需要被告知不要将自动调整大小掩码转换为约束,即使NIB的内容实际上是在启用了autolayout的情况下创建的.

因此,在加载NIB之后,在将其顶视图添加到自定义视图之前,我需要调用:

[self.topView setTranslatesAutoresizingMaskIntoConstraints:NO];
Run Code Online (Sandbox Code Playgroud)

  • 虽然这会起作用,但它通常被认为是覆盖类方法的最佳实践,即`+(BOOL)translatesAutoresizingMaskIntoConstraints {return YES;}` (3认同)