NSButtonCell 中的 NSImage 圆角

Question

我有一个 NSMatrix，其中有几个 NSButton，它们没有文本，只有图像。其中一张图像是从互联网上下载的，我希望在我的 OS X 应用程序中将其变成圆角。

我找到了一个几乎正是我正在寻找的答案： 如何绘制圆形 NSImage< /a> 但遗憾的是，当我使用它时，它表现得很疯狂：

// In my NSButtonCell subclass
- (void)drawImage:(NSImage*)image withFrame:(NSRect)imageFrame inView:(NSView*)controlView
{
    // [super drawImage:image withFrame:imageFrame inView:controlView];

    [NSGraphicsContext saveGraphicsState];

    NSBezierPath *path = [NSBezierPath bezierPathWithRoundedRect:imageFrame xRadius:5 yRadius:5];
    [path addClip];

    [image drawInRect:imageFrame fromRect:NSZeroRect operation:NSCompositeSourceOver fraction:1.0];

    [NSGraphicsContext restoreGraphicsState];
}

问题是，如果图像部分透明（PNG），那么它会被完全破坏，我只能在黑色背景上看到几个白色像素。

如果图像不透明，那么它会得到圆角，但会旋转 180°，我不知道为什么。

有什么建议吗？

Answer 1

您需要确保在绘制图像之前正确设置图像的大小，并且应该使用 NSImage 方法 drawInRect:fromRect:operation:fraction:respectFlipped:hints: 来确保图像以正确的方式向上绘制：

- (void)drawImage:(NSImage*)image withFrame:(NSRect)imageFrame inView:(NSView*)controlView
{
    // [super drawImage:image withFrame:imageFrame inView:controlView];

    [NSGraphicsContext saveGraphicsState];

    NSBezierPath *path = [NSBezierPath bezierPathWithRoundedRect:imageFrame xRadius:5 yRadius:5];
    [path addClip];

    //set the size
    [image setSize:imageFrame.size];

    //draw the image
    [image drawInRect:imageFrame fromRect:NSZeroRect operation:NSCompositeSourceOver fraction:1.0 respectFlipped:YES hints:nil];

    [NSGraphicsContext restoreGraphicsState];
}

如果执行此操作，即使它是半透明的 PNG 图像，图像也应该正确绘制。