NSScrollView 问题答案

【问题标题】：NSScrollView ProblemsNSScrollView 问题
【发布时间】：2011-07-06 01:52:25
【问题描述】：

我在尝试使用的 NSScrollView 时遇到了一些问题，可以使用一些帮助。我已经阅读了 NSView、NSScrollView 和其他一些指南和参考资料，以及这里的问题和 cocoadev，但仍然无法弄清楚这些。

（我的视图子类的代码可以在下面找到。）

我对此的总体目标是提供类似于 KGChart 的界面，这是一款 PC 独有的针尖图表制作工具。 (KGChart website)

如何将我绘制的内容保留在滚动视图中？我的 -drawStitch 方法是在鼠标事件期间执行的，它在滚动视图的文档视图中绘制一个带有符号的矩形（目前只有带有“+”的黑色）。当我将它滚动到视线之外并返回时，它就消失了，我需要以某种方式保留它。我的想法是尝试使用 2D 数组来跟踪针迹，但我认为大型画布的性能会受到影响（我想做 2,000x2,000，但我会满足于 500x500）。
如果你看一下我的程序运行的图片，你可以看到网格颜色的不同。绘制网格的代码在-drawRect中，颜色设置为grayColor。程序启动时，可见网格是较浅的颜色，但在我滚动时显示的画布部分颜色较深。我认为这与 -drawRect 被调用有关，导致它重新绘制网格，但我不知道为什么它会使笔触变暗，因为它们的不透明度应该已经是 1.0。另外，如果我完全滚动原始帧并返回，网格也会变暗。
有没有办法让我在程序开始时绘制不在 drawRect 中的网格，这样它就不会被重绘？我尝试了 -awakeFromNib 和 -initWithFrame，即使使用 -lockFocus，但它不起作用。我意识到第一个可能不起作用，因为没有框架可以绘制。
最终我需要弄清楚填充工具之类的东西，所以最好使用 Core Graphics 之类的东西，还是常规 API 可以？我宁愿使用后者，因为我对它比 CG 了解更多，但我也读了一点。

最后说明：我正在使用垃圾收集，并且我已经翻转了视图和它所在的窗口，如果这些事情很重要的话。

    - (id)initWithFrame:(NSRect)frame {
    self = [super initWithFrame:frame];
    [self setFrameSize:NSMakeSize(3000, 3000)];
    return self;
}

- (void)drawRect:(NSRect)rect {

    width = [self frame].size.width;
    height = [self frame].size.height;

    [[NSColor grayColor] setStroke];

    NSBezierPath* drawingPath = [NSBezierPath bezierPath];
    [NSBezierPath setDefaultLineWidth:2.0];
    [self addDashStyleToPath:drawingPath];

    int i;

    for( i = 0 ; i <= width ; i=i+30) {
        [drawingPath moveToPoint:NSMakePoint(i, 0)]; 
        [drawingPath lineToPoint:NSMakePoint(i, height)]; 
    } 

    for( i = 0 ; i <= height ; i=i+30) { 
        [drawingPath moveToPoint:NSMakePoint(0,i)]; 
        [drawingPath lineToPoint:NSMakePoint(width, i)]; 
    }

    [drawingPath stroke];

}
-(void)drawStitch{

    NSPoint thisPoint;
    NSPoint fillPoint;
    NSRect fillRect;


    float thisPointX = [self calculatedItemBounds].origin.x + 5.0;
    float thisPointY = [self calculatedItemBounds].origin.y - 8.0;

    float fillPointX = [self calculatedItemBounds].origin.x + 1.0;
    float fillPointY = [self calculatedItemBounds].origin.y + 1.0;

    thisPoint.x = thisPointX;
    thisPoint.y = thisPointY;

    fillPoint.x = fillPointX;
    fillPoint.y = fillPointY;

    fillRect.origin.x = fillPoint.x;
    fillRect.origin.y = fillPoint.y;

    fillRect.size.width = 28;
    fillRect.size.height = 28;

    NSMutableDictionary *theAttributes;

    theAttributes = [[NSMutableDictionary alloc] init];
    [theAttributes setObject: [NSColor whiteColor] forKey:NSForegroundColorAttributeName];
    [theAttributes setObject: [NSFont fontWithName:@"Helvetica" size: 32] forKey: NSFontAttributeName];

    NSString *theString = @"+";
    [self lockFocus];
    [[NSColor blackColor] setFill];
    [NSBezierPath setDefaultLineWidth:2.0];
    [self addDashStyleToPath:[NSBezierPath bezierPathWithRect:[self calculatedItemBounds]]];
    [NSBezierPath fillRect:fillRect];

    NSNumber* myInteger = [NSNumber numberWithInt:310];

    [myArray setObject:myInteger :location.x/30 :location.y/30];
    NSLog(@"%@", [myArray objectInSection:location.x/30 :location.y/30]);
    NSLog(@"%f, %f", location.x/30,location.y/30);

    [theString drawAtPoint:thisPoint withAttributes:theAttributes];
    [self displayIfNeededInRectIgnoringOpacity:[self calculatedItemBounds]];

    [self unlockFocus];
    [theAttributes release];
}

显然，我对此很不满意，所以感谢您的所有帮助！

【问题讨论】：

好吧，我用 if 语句处理了问题 2 和 3，该语句仅在第一次调用 -drawRect 时绘制网格。了解 Core Graphics 是否会更好地工作仍然会有所帮助。第一仍然是我的主要问题。如果我在屏幕上制作一个“针迹”并滚动它使其撞到滚动视图的边缘，当我将我制作的针迹滚动回中心时，它会从边缘复制那个针迹，就像一条尾巴。此外，我一直在尝试使用 2D 数组来存储绘制的针迹，但它明显滞后。指向正确方向的链接将是最有帮助的。

标签： objective-c cocoa macos drawing nsscrollview

【解决方案1】：

默认情况下，NSScrollView 的内容视图（NSClipView 的实例）通过在滚动时复制其现有渲染图像来进行一些性能优化。大部分情况下，这可以正常工作，但是当您绘制复杂的自定义视图时，这通常是不受欢迎的行为，因此您应该将其关闭。

如果您使用 nib 来定义 UI，只需在 IB 中选择滚动视图并取消选中“滚动复制”复选框。

您可以使用NSClipView 的‑setCopiesOnScroll: 方法以编程方式进行设置：

[[scrollView contentView] setCopiesOnScroll:NO];

【讨论】：

好的，我在 IB 中取消选中滚动视图的复选框，但现在当我开始滚动时，整个网格变为深色。此外，无论我画什么，我滚动时都停留在同一个地方，就像滚动条只是在移动而不做任何事情。虽然它确实改变了视图，因为我 NSLog 用户单击的位置，但绘制的内容不会移动。旁注：它似乎不是来自滚动上的副本，但没有我的 -adjustScroll 方法，网格线似乎混合在一起并弄乱了。我认为这也可能是因为在 -drawRect 中绘制了网格。
您的adjustScroll 方法有什么作用？您不需要做任何事情来支持滚动，只要您的视图大于滚动视图的可见区域，那么滚动就会起作用。我用你的绘图代码的精简版本进行了测试，它工作正常。
它只是将滚动捕捉到 30 像素增量。再一次，我认为这是因为网格绘制代码在 -drawRect 中，所以即使视图只是勉强滚动，它也会在视图的显示部分重新绘制网格，如果不调整滚动，就会弄乱它。另外，我可能应该早点说，但这都是在一个 NSView 子类（滚动视图的文档视图）中，我应该创建一个 NSScrollView 子类并在其中尝试吗？

【解决方案2】：

我相信我已经解决了这个问题。为了让它工作，我不得不重新排列我的代码以在 drawRect 中进行绘图，而不是在我的 drawStitch 方法中使用 lockFocus（我需要阅读 MVC 设计）。此外，滚动视图似乎只重绘了最新的贝塞尔路径，所以要制作多个“缝合”，我需要继续用矩形附加路径。

【讨论】：