文档交换时将 NSScrollView 内容设置为左上角而不是左下角

Question

今天，我的一位同事向我提出了一个问题，他如何加载或视图交换 NSScrollView 的 documentView 以便加载的视图看起来能够修复为左上角而不是下角。

他花了一段时间在网上搜索并苦苦挣扎，尽管阅读了 Apple、StackOverflow 和其他各个地方的文档，但仍没有找到解决方案。

下面是逐个解决问题：

在 Interface Builder 中将 NSScrollView 拖到项目中。 另外，在 Interface Builder 中，将两个自定义视图拖到项目中，并添加一些文本字段、按钮等。

使用以下 IBOutlet 创建控制器类（例如 myController）：

• IBOutlet NSScrollView * myScrollView
• IBOutlet NSView * myCustomView1
• IBOutlet NSView * myCustomView2

将插座连接到 Interface Builder 中的控件。

创建一个NSView子类来翻转documentView：

@implementation myFlippedView

-(id)initWithFrame:(NSRect)frame {
    self = [super initWithFrame:frame];
    if (self) {
        // Initialization code here.
    }
    return self;
}

-(void)drawRect:(NSRect)dirtyRect {
    // Drawing code here.
}

-(BOOL)isFlipped {
    return YES;
}

在Interface Builder中选择NSScrollView的documentView并将其设为myFlippedView 的子类。在 Interface Builder 中，您可以选择 NSScrollView，然后再次单击它以访问 documentView，或者更改 IB 库以显示树视图并选择 NSScrollView< 的子自定义视图/代码>。

在 myController 类中，使用以下方法交换视图：

-(void)awakeFromNib {

    [myScrollView setDocumentView:myCustomView1];
}

-(IBAction)swapViews:(id)sender {

    if ([myScrollView documentView] == myCustomView1) {

        [myScrollView setDocumentView:myCustomView2];

    } else {

        [myScrollView setDocumentView:myCustomView1];

    }
}

最后将项目中的一个按钮连接到操作 swapViews，构建并运行。

问题是坐标没有按照 isFlipped 的预期进行解析。

Answer 1

有一个简单但显然经常被忽视的原因。

尽管 isFlipped 是 Interface Builder 中自定义视图的子类，但 documentView 在视图交换中被替换，其中第一个在 awakeFromNib 上使用。

解决方案是将 myCustomClass1 和 myCustomClass2 子类化为 myFlippedView 类。

执行此操作并测试它，您会注意到视图现在显示在滚动视图的左上角。然而，它产生了一个新问题。自定义视图中的所有内容现在都是从下到上布局的（因为默认情况下所有 NSView 布局都是从左下角开始，所以翻转也会翻转它们的坐标）。

幸运的是，这个问题还有另一个简单的解决方法。继续阅读 :-)

在 Interface Builder 中，突出显示 myCustomView1 中的所有控件，然后从 Layout 菜单中选择 Embed Objects In -->自定义视图。根据需要调整大小，对 myCustomView2 执行相同的操作并重建。

瞧。内容视图交换并出现在滚动视图的左上角而不是左下角的 NSScrollView。

Answer 2

正确地使 documentView 最初与滚动视图的顶部对齐，并在 documentView 小于其 ClipView 时将其固定到顶部，这对我有用：

1 – 在 Interface Builder 中，将 documentView 中的所有控件包含在 自定义 NSView 实例中。 （不是翻转视图）

2 – 创建一个用于 documentView 的 NSView 子类，并重写这些方法：

- (BOOL)isFlipped {
    return YES;
}
- (void)resizeWithOldSuperviewSize:(NSSize)oldSize {
CGFloat superViewHeight = self.superview.frame.size.height, height = self.frame.size.height;
    if(superViewHeight>height) {
        [self setFrameOrigin:NSMakePoint(self.frame.origin.x, superViewHeight-height)];
    }
}  

子类视图应该是scrollViews 的 documentView 其中包含第二个（普通）NSView，其中包含所有控件。