使 NSView 具有适合内容的固定宽度和可变高度

Posted

技术标签:

【中文标题】使 NSView 具有适合内容的固定宽度和可变高度【英文标题】:Make NSView with fixed width and variable height that fits contents 【发布时间】:2012-11-21 11:40:46 【问题描述】:

我想创建一个宽度固定但高度可变的视图。这意味着视图应根据其内容高度自动调整大小,但同时应保持相同的宽度。

我怎样才能以编程方式

例如,我有下一段代码来创建标签和按钮:

NSTextField *label = [[NSTextField alloc] initWithFrame:[self frame]];
[label setEditable:NO];
[label setBackgroundColor:[NSColor clearColor]];
[label setBezeled:NO];
[label setFont:[NSFont fontWithName:@"Lucida Grande" size:13.0]];
[label setStringValue:@"Sample label text"];

NSButton *button = [[NSButton alloc] initWithFrame:primaryBounds];
[button setBezelStyle:10];
[button setTitle:@"Sample button text"];
[button setBounds:NSInsetRect([button bounds], -8.0, 0)];
[button sizeToFit];

[[self contentView] addSubview:label];
[[self contentView] addSubview:button];

它们被设置为填充整个 contentView 框架。如何将我的label 设置为 fixed 宽度和 variable 高度(基于自身的文本内容),并将我的button 附加到底部label?


好的,我已经设法像这样自动调整label 的大小:

NSTextView *label = [[NSTextView alloc] initWithFrame:NSMakeRect(0, 0, [self frame].size.width, 0)];
[label setEditable:NO];
[label setBackgroundColor:[NSColor clearColor]];
[label setFont:[NSFont fontWithName:@"Lucida Grande" size:13.0]];
[label setString:@"Sample label text"];
[label setHorizontallyResizable:NO];
[label sizeToFit];

【问题讨论】:

【参考方案1】:

在使用 Mountain Lion 的自动布局下,您将告诉文本字段其首选宽度应该是多少:

[textField setPreferredMaxLayoutWidth:200]

现在文本字段将测量其内容的大小,就好像它以 200 磅换行一样,一旦内容达到该宽度,文本字段将倾向于垂直增长。

要将按钮附加到标签底部,您需要添加一个约束条件,即标签底部等于按钮顶部加上 22:

[parentView addConstraint:
   [NSLayoutConstraint constraintWithItem:label
                                attribute:NSLayoutAttributeBottom
                                relatedBy:NSLayoutRelationEqual
                                   toItem:button
                                attribute:NSLayoutAttributeTop
                               multiplier:1
                                 constant:22]];

或使用视觉格式语言和标准 Aqua 间距:

NSDictionary *viewsDict = NSDictionaryOfVariableBindings(label, button);
[view addConstraints:
     [NSLayoutConstraint constraintsWithVisualFormat:@"V:[label]-[button]"
                                             options:0
                                             metrics:nil
                                               views:viewsDict]];

【讨论】:

以上是关于使 NSView 具有适合内容的固定宽度和可变高度的主要内容,如果未能解决你的问题,请参考以下文章

如何使用 AutoLayout 配置视图宽度固定宽度和可变高度

是否可以有一个具有固定高度但可变宽度的元素的列流网格?

自动布局:具有可变高度和两个标签的表格单元格

如何使 svg 适合 html 的宽度和高度?

将图像调整为可变/固定尺寸?

调整外部网站内容的大小以适合 iFrame 宽度