在 NSView 中绘制图像

Question

我有一个简单的 Obj C 程序，目前可以让您加载图像、绘制图像，并且理论上应该可以让您缩放和旋转。 我正在使用 NSAffineTranslations。

我希望图像锁定在左上角（与左下角的 PS/PDF 标准相反），所以我使用 isFlipped，并调用 [afTrans scaleXBy:1.0 yBy:-1.0];

问题是，由于某种原因，第一次调用我的drawRect后，转换没有发生。

当我加载图像时，它会出现，并且看起来正确。 如果我改变窗口的大小（调用drawRect），图像就会绘制，但会上下颠倒。 这意味着转变没有生效。 第二次查看时，我没有发现任何数据有任何差异。

这是代码的精简版本：

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

//    NSLog(@"window type: %d", [[self window] backingType]);
   NSAffineTransform *afTrans = [[NSAffineTransform alloc] init];
   NSGraphicsContext *context = [NSGraphicsContext currentContext];
   NSSize sz;
   NSRect windowFrame = [[self window] frame];
   NSRect cv =[[[self window] contentView] frame];
   float deltaX, deltaY;
   NSSize superSize = [[self superview] frame].size;
   float height, width, sHeight, sWidth;

   NSRect imageRect;

   sz = [ image size];
   imageRect.size = sz;
   imageRect.origin = NSZeroPoint;

   height = sz.height  ;
   width = sz.width  ;

//    sHeight and sWidth are the hieght and with of the super-view. ie,
//    the size of the whole window view including the space for the
//    scroll bars, etc, but not including the panel or the borders,
   sHeight = superSize.height;
   sWidth = superSize.width;

   [context saveGraphicsState];

   deltaX = 0;
   deltaY = 0;

   deltaY += height; // account for flipping

   [afTrans translateXBy:deltaX yBy:deltaY];

   [afTrans scaleXBy:1.0 yBy:-1.0];

   [afTrans concat];

   NSRect drawingRect = imageRect;
   NSRect frame = imageRect;
   [self setFrame:frame];

   [image drawInRect:drawingRect
         fromRect:imageRect
         operation:NSCompositeSourceOver
         fraction:1];

   [afTrans release];
   [context restoreGraphicsState];
}

ETA：这里还有一些可能相关的代码。

-(void )setImage:( NSImage * )newImage
{
    [newImage retain];
    [image release];

    rotation = 0;

    zoom = 1.0;

    image = newImage;
    NSSize imageSize = [newImage size];
    NSRect tFrame = [self frame];
    tFrame = [[self window] frame];

    tFrame.size.width = MAX(tFrame.size.width, imageSize.width);
    tFrame.size.height = MAX(tFrame.size.height, imageSize.height);
    [self setFrame:tFrame];

    [self setNeedsDisplay:YES];
}

Answer 1

我不确定你到底想要实现什么，但是如果你只想在 NSView 中绘制图像并将其保留在左上角，你可以在你的 NSView 子类中做一些更简单的事情：

- (BOOL)isFlipped
{
    return YES;
}

- (void)setImage:(NSImage *)newImage
{
    [newImage retain];
    [image release];
    image = newImage;

    [image setFlipped:YES];
    [self setNeedsDisplay:YES];
}

- (void)drawRect:(NSRect)rect
{
    [image drawAtPoint:NSZeroPoint fromRect:NSZeroRect operation:NSCompositeSourceOver fraction:1];

    // Or stretch image to fill view
    //[image drawInRect:[self bounds] fromRect:NSZeroRect operation:NSCompositeSourceOver fraction:1];
}

我也是通过消除 drawRect 和 setImage 方法中的 [self setFrame:...]; 调用，您可以使用代码获得类似的结果。

Answer 2

假设您没有删除更改内容的代码，请注意您是否在其他地方绘制图像。 工具栏项、表格等很可能会更改图像的 -flipped 属性，导致其绘制不正确。

在您的图像绘制线周围尝试一下：

BOOL wasFlipped = [image isFlipped];
[image setFlipped:[self isFlipped]];
[image drawInRect:drawingRect
             fromRect:imageRect
            operation:NSCompositeSourceOver
             fraction:1];
[image setFlipped:wasFlipped];

看看是否有帮助。 如果确实如此，请在代码中的其他位置查找更改图像翻转属性而不是将其放回原处的内容。