NSScrollView 内的 NSImageView 平铺在缩小时会绘制不需要的边框

Question

我有一个 NSScrollView，它的 documentView 是一个巨大的 NSView，由许多子 NSImageView 组成，它们在地图中充当图块。 （整个地图是 NSView，由于它比屏幕尺寸大得多，它嵌入在滚动视图中。

我能够以正确的图块位置显示地图，并使用条形/手势滚动。但是..当我启用放大以能够缩放时，会发生以下情况： 不知何故，我假设自动布局在下面添加了瓷砖边框，我不知道如何禁用它们。这些肯定是边界，因为我已经检查了数千次我的图块和子视图的大小相同.. 那么这是从哪里来的呢？ 我在 iOS 开发方面有相当多的经验，但对 NSScrollView 完全迷失了（我的委托方法在哪里？）。如何禁用滚动视图的这种行为？

这是我的子视图代码：

- (void)setupSubViews
{
  NSLog(@"--------Creating subviews!-------");
    //first we create the subviews..
    //This is the key part, we traverse from top Left, and since OS X coordinates start at bottom left, we need to invert the rows!
    for (int i=0; i< NUMBER_OF_COLUMNS; i++) {
        for (int j=NUMBER_OF_ROWS-1; j>=0; j--) {
            CGRect frame = CGRectMake(i*256, j*256, 256, 256);
            NSImageView *newView = [[NSImageView alloc] initWithFrame:frame];
            newView.focusRingType = NSFocusRingTypeNone; //I gave this focusRing a try, it didn't work :(

            [self addSubview:newView];
        }
    }

}

这是我将子视图连接到实际图像的地方..

-(void)updateMap:(id)tilesPassed{

    if (downloadFinished) {
        NSLog(@"--------DRAW RECT-------------");
        NSImageView *subView;
        NSInteger idx = 0;

        for (int i =0; i<[self.subviews count]; i++) {
            subView = [self.subviews objectAtIndex:i];
            [subView setAllowsCutCopyPaste:NO];
            [subView setImageFrameStyle:NSImageFrameNone]; //This doesnt work either :(

            MapTile *tile = [tilesArray objectAtIndex:idx];
            subView.image = tile.image;

            idx++;
        }
    }
}

Answer 1

您可能不想为此使用子视图。有一个 CALayer 子类正是为此目的：CATiledLayer:https://developer.apple.com/library/mac/documentation/GraphicsImaging/Reference/CATiledLayer_class/Introduction/Introduction.html

使用它，您甚至可以根据放大的程度加载不同的图像图块，就像 Google 地图一样。它将无边界渲染，并且性能将比使用大量子视图更好。子视图很昂贵，层（通常）很便宜。

更新：此示例将使您启动并运行：http://bill.dudney.net/roller/objc/entry/catiledlayer_example

Answer 2

作为一种不使用 CATiledLayer 的快速解决方法，您可以将所有图像拼接为一个图像并将其添加到主视图

下面是拼接2张图片的示例代码：

UIImage *bottomImage = [UIImage imageNamed:@"bottom.png"]; //first image
UIImage *image       = [UIImage imageNamed:@"top.png"]; //foreground image

CGSize newSize = CGSizeMake(209, 260); //size of image view
UIGraphicsBeginImageContext( newSize );

// drawing 1st image
[bottomImage drawInRect:CGRectMake(0,0,newSize.width/2,newSize.height/2)];

// drawing the 2nd image after the 1st
[image drawInRect:CGRectMake(0,newSize.height/2,newSize.width/2,newSize.height/2)] ;

UIImage *newImage = UIGraphicsGetImageFromCurrentImageContext();

UIGraphicsEndImageContext();

并直接将通过拼接所有平铺图像形成的新图像添加到主视图。