NSView设置isFlipped修正绘制翻转后叠加图片异常翻转如何解决

核心原因 #

你遇到的异常是坐标系不匹配导致的：将NSView的isFlipped设为YES后，视图坐标系原点变为左上角、y轴向下；而NSImage默认遵循Quartz原生坐标系规则，原点在左下角、y轴向上，直接调用drawInRect:就会出现图片翻转。
以下三种方案都可以在不修改原有主绘制逻辑的前提下解决问题： #

方案1：临时变换坐标系绘制（无侵入，最通用） #

在绘制图片前后保存并恢复图形上下文状态，仅修改当前图片绘制的坐标系，完全不影响其他绘制逻辑：

- (void)drawRect:(NSRect)dirtyRect {
    // 原有主绘制逻辑保持不变
    [super drawRect:dirtyRect];
    
    // 保存当前上下文状态
    NSGraphicsContext *currentCtx = [NSGraphicsContext currentContext];
    [currentCtx saveGraphicsState];
    
    // 替换为你实际需要的图片绘制区域
    NSRect targetDrawRect = NSMakeRect(50, 50, 150, 150);
    
    // 坐标变换适配图片坐标系
    NSAffineTransform *transform = [NSAffineTransform transform];
    [transform translateXBy:0 yBy:NSMinY(targetDrawRect) + NSMaxY(targetDrawRect)];
    [transform scaleXBy:1 yBy:-1];
    [transform concat];
    
    // 绘制图片
    [yourCustomImage drawInRect:targetDrawRect];
    
    // 恢复上下文，避免影响后续绘制
    [currentCtx restoreGraphicsState];
}

方案2：使用系统原生适配API（代码最简洁） #

调用系统提供的带respectFlipped参数的绘制方法，直接适配当前视图的翻转状态，不需要手动处理坐标：

// 替换为你实际需要的图片绘制区域
NSRect targetDrawRect = NSMakeRect(50, 50, 150, 150);
[yourCustomImage drawInRect:targetDrawRect
                   fromRect:NSZeroRect // 传NSZeroRect代表绘制完整图片，需要裁剪可自定义区域
                  operation:NSCompositingOperationSourceOver
                   fraction:1.0
            respectFlipped:YES
                     hints:nil];

该方案不会修改NSImage本身的属性，也不需要手动管理上下文状态，适合大多数场景使用。 #

方案3：直接修改NSImage的翻转属性 #

如果这张图片仅需要在当前翻转视图中使用，可以直接修改NSImage的flipped属性，后续所有该实例的绘制都会适配翻转坐标系：

yourCustomImage.flipped = YES;
[yourCustomImage drawInRect:targetDrawRect];

注意：该修改会作用于整个NSImage实例，如果你在其他非翻转视图中也需要使用同一张图片，不要使用该方案。 #

内容的提问来源于stack exchange，提问作者GeraldTheGerm