How to composite several NSImages into one big image?

问题

I have a collection of objects which describe an image-name, its size and it's X/Y location. The collection is sorted by "layers", so I can composite the images in a sort of painter's algorithm.

From this, I can determine the rectangle necessary to hold all of the images, so now what I want to do is:

Create some sort of buffer to hold the result (The NS equivalent of what iPhoneOS calls UIGraphicsContext.)
Draw all the images into the buffer.
Snag a new NSImage out of the composited result of the buffer.

In iPhoneOS, this is the code that does what I want:

UIGraphicsBeginImageContext (woSize);
    CGContextRef ctx = UIGraphicsGetCurrentContext();
    [[UIColor clearColor] set];
    CGContextFillRect(ctx, NSMakeRect(0, 0, woSize.width, woSize.height));
    // draw my various images, here.
    // i.e. Various repetitions of [myImage drawAtPoint:somePoint];
    UIImage *image = UIGraphicsGetImageFromCurrentImageContext();
UIGraphicsEndImageContext();

What I'm looking for is how to do that in Desktop Cocoa/NS.

Thanks!

回答1:

NSImage* resultImage = [[[NSImage alloc] initWithSize:imageSize] autorelease];
[resultImage lockFocus];

[anotherImage drawAtPoint:aPoint fromRect:NSZeroRect operation:NSCompositeSourceOver fraction:1.0];
// Or any of the other about 6 options; see Apple's guide to pick.

[resultImage unlockFocus];

Check Apple's Drawing Guide for a much longer, more detailed answer.

回答2:

#import <Cocoa/Cocoa.h>

@interface CompositeView : NSView {
    NSImage *bottom;
    NSImage *top;
}
- (IBAction)takeBottomFrom: (id)aView;
- (IBAction)takeTopFrom: (id)aView;
@end

#import "CompositeView.h"

@implementation CompositeView
- (IBAction)takeBottomFrom: (id)aView
{
    id img = [[aView image] retain];
    [bottom release];
    bottom = img;
    [self setNeedsDisplay: YES];
}

- (IBAction)takeTopFrom: (id)aView
{
    id img = [[aView image] retain];
    [top release];
    top = img;
    [self setNeedsDisplay: YES];
}

- (void)drawRect:(NSRect)rect
{
    NSCompositingOperation op = 0;
    NSRect bounds = [self bounds];
    NSSize imageSize = bounds.size;
    imageSize.width /= 7;
    imageSize.height /= 2;

    NSRect bottomRect = { {0,0}, [bottom size] };
    NSRect topRect = { {0,0}, [top size] };

    for (unsigned y=0 ; y<2 ; y++)
    {
        for (unsigned x=0 ; x<7 ; x++)
        {
            NSRect drawRect;

            drawRect.origin.y = y * imageSize.height;
            drawRect.origin.x = x * imageSize.width;
            drawRect.size = imageSize;

            [bottom drawInRect: drawRect
                      fromRect: bottomRect
                     operation: NSCompositeCopy
                      fraction: 1];

            [top drawInRect: drawRect
                   fromRect: topRect
                  operation: op++
                   fraction: 1];
        }
    }
}

- (id)initWithFrame:(NSRect)frame {
    self = [super initWithFrame:frame];
    if (self) {
        // Initialization code here.
    }
    return self;
}

@end

来源：https://stackoverflow.com/questions/2376097/how-to-composite-several-nsimages-into-one-big-image

标签

cocoa

image-manipulation

nsimage