Mac OS Cocoa：在画布上绘制一个简单的像素

Question

我希望我能找到这个问题的答案。我搜索了又搜索，找不到正确的答案。这是我的情况：

在 Mac OS Cocoa 应用程序中，我想在应用程序窗口的专用区域上绘制一个像素（实际上是几个像素）。我想，最好将 NSImageView 放置在那里（我使用 IB 进行此操作，并将插座连接到我的应用程序委托）并利用它而不是我的 NSWindow 进行绘制。

我到底怎样才能做到这一点？ Mac OS 似乎提供 NSBezierPath 作为最基本的绘图工具 - 这是真的吗？这让我完全震惊。我有悠久的 Windows 编程历史，通常在画布上绘制像素是最简单的事情。

我不想使用 OpenGL，并且我不确定 Quartz 在多大程度上参与其中。

我想要的只是关于如何在真正的 Objective-C/Cocoa 中实现这个伪代码的一些帮助：

imageObj.drawPixel(10,10,blackColor);

我很想听到您对此的回答，我相信这将帮助很多从 Cocoa 开始的人。

谢谢！

Answer 1

也许我误解了这个问题，但 Quartz 具有填充矩形的能力：

void CGContextFillRect (CGContextRef c, CGRect rect);

Answer 2

我在这里发现你的问题有点晚了，因为我也有同样的问题。也许苹果的开发者文档可以在这里为您提供帮助。我自己没有测试过，但看看这个文档：

http://developer.apple.com/library/mac/#documentation/cocoa/conceptual/CocoaDrawingGuide/Images/Images.html

大致在文档的中心，您将找到“部分”创建位图”。它告诉您创建像素数据的不同方法。

Answer 3

class CMKViewController: NSViewController {


  override func viewDidLoad() {
        super.viewDidLoad()

         let testIV = TestImageView(image: NSImage(named: "test.png")!)
         // testIV.frame = CGRect(x:0,y:0,width:100,height:100)
          self.view.addSubview(testIV)
          testIV.myPixels = [CGPoint(x:10,y:10)]

    }


}

class TestImageView:NSImageView{

    var myPixels:[CGPoint] = []

    override func draw(_ dirtyRect: NSRect) {
        super.draw(dirtyRect)

        guard let context: CGContext = NSGraphicsContext.current()?.cgContext else {
            consolePrint("Cannot get graphics context")
            return
        }

        // Fill background to white
        context.setFillColor(.white)
        context.fill(bounds)
        context.setFillColor(NSColor.red.cgColor)


        // Draw pixels
        context.fillPixels(myPixels)


    }
}



extension CGContext {

    func fillPixels(_ pixels: [CGPoint]) {
        var size:CGSize?
        if Screen.retinaScale > 1{
            size = CGSize(width: 1.5, height: 1.5)
        }else{
            size = CGSize(width: 1.0, height: 1.0)
        }

        for pixel in pixels{
          fill(CGRect(origin: pixel, size: size!))
        }
    }

    func fill(_ pixel: CGPoint) {
        fill(CGRect(origin: pixel, size: CGSize(width: 1.0, height: 1.0)))
    }
}

Answer 4

NSBezierPath 是 Cocoa 中唯一可用于绘制最原始形状和许多复杂形状的工具。
您可以在这里找到详细说明：
http://developer.apple.com/library/mac/#documentation/Cocoa/Conceptual/CocoaDrawingGuide/Paths/Paths.html%23//apple_ref/doc/uid/TP40003290-CH206-BBCHFJJG
http://en.wikibooks.org/wiki/Programming_Mac_OS_X_with_Cocoa_for_Beginners/Graphics__-_Drawing_with_Quartz

Answer 5

您要求的是以下两种方法之一：

NSBitmapRep setColor:atX:y: 更改指定坐标处像素的颜色。

NSBitmapRep setPixel:atX:y: 将指定坐标处的接收器像素设置为指定的原始像素值。

请注意，这些在 iOS 上不可用。在 iOS 上，执行此操作的方法似乎是为给定颜色空间（可能是 RGB）创建像素数据的原始缓冲区，用颜色数据填充该缓冲区（编写一些 setPixel 方法来执行此操作），然后调用 CGImageCreate()像这样：

    //Create a raw buffer to hold pixel data which we will fill algorithmically
    NSInteger width = theWidthYouWant;
    NSInteger height = theHeightYouWant;
    NSInteger dataLength = width * height * 4;
    UInt8 *data = (UInt8*)malloc(dataLength * sizeof(UInt8));

    //Fill pixel buffer with color data
    for (int j=0; j<height; j++) {
        for (int i=0; i<width; i++) {

            //Here I'm just filling every pixel with red
            float red   = 1.0f;
            float green = 0.0f;
            float blue  = 0.0f;
            float alpha = 1.0f;

            int index = 4*(i+j*width);
            data[index]  =255*red;
            data[++index]=255*green;
            data[++index]=255*blue;
            data[++index]=255*alpha;

        }
    }

    // Create a CGImage with the pixel data
    CGDataProviderRef provider = CGDataProviderCreateWithData(NULL, data, dataLength, NULL);
    CGColorSpaceRef colorspace = CGColorSpaceCreateDeviceRGB();
    CGImageRef image = CGImageCreate(width, height, 8, 32, width * 4, colorspace, kCGBitmapByteOrder32Big | kCGImageAlphaPremultipliedLast,

                            provider, NULL, true, kCGRenderingIntentDefault);

    //Clean up
    CGColorSpaceRelease(colorspace);
    CGDataProviderRelease(provider);
    // Don't forget to free(data) when you are done with the CGImage

最后，您可能想要操作已经加载到 CGImage 中的图像中的像素。在标题为 QA1509 的 Apple 技术问答中，有用于执行此操作的示例代码从 CGImage 对象获取像素数据。

Answer 6

Cocoa 的底层绘图 API 是 Core Graphics (Quartz)。您获取绘图上下文并发出在该上下文上绘图的命令。 API 设计为独立于设备（打印时使用与在纸上绘图相同的命令在屏幕上绘图）。因此，没有用于填充单个像素的命令，因为纸上不存在像素这样的东西。即使在屏幕上，您的视图也可能已以某种方式进行转换，以便单个点不会映射到单个设备像素。

如果要绘制单个像素，则需要指定一个大小为单个像素的矩形，然后填充它。对于 (x,y) 处的像素，您需要一个原点为 (x- 0.5,y-0.5)，尺寸为(1,1)。

您可以使用 NSBezierPath 来完成此操作，也可以从 [[NSGraphicsContext currentContext]graphicsPort] 获取 Core Graphics 上下文 (CGContextRef) 并使用诸如 CGContextFillRect() 之类的函数。

如果您绘制大量像素，这显然不会很快； API 的设计目的并非如此。如果这就是您需要做的，请考虑使用malloc创建一个缓冲区并将像素数据写入其中，然后使用Core Graphics将其转换为可以绘制到屏幕上的CGImageRef。

Answer 7

对于您所描述的绘制像素，无需创建路径或诉诸 Quartz 2D 或 OpenGL API。

请参阅 NSRectFill() 以及相关函数，例如 NSRectFillList() 和 NSRectFillUsingOperation()。

如果您要绘制大量单独的像素，NSRectFillList() 的速度大约是您可以完成的最快速度，而无需滚动自己的图像缓冲区。

Answer 8

以下是在 OS X 上绘制像素的快速方法：

- (void)drawRect:(NSRect)dirtyRect {
    [super drawRect:dirtyRect];

    NSBitmapImageRep *rep = [[NSBitmapImageRep alloc]
                             initWithFocusedViewRect:dirtyRect];

    for (int x = 0; x < [rep pixelsWide]; x++) {
        for (int y = 0; y < [rep pixelsHigh]; y++) {
            NSUInteger pixel[4] = { 0, 255, 0, 255 };
            [rep setPixel:pixel atX:x y:y];
        }
    }

    [rep drawInRect:dirtyRect];
}