+[NSColor selectedMenuItemColor] 如何神奇地绘制渐变?

2024-05-01

我正在实现一个自定义 NSMenuItem 视图显示出一个亮点 https://stackoverflow.com/questions/6054331/highlighting-a-nsmenuitem-with-a-custom-view当用户将鼠标悬停在其上时。为此,代码调用NSRectFill设置后[NSColor selectedMenuItemColor]作为活动颜色。但是,我注意到结果是not只是一种纯色——它实际上绘制了一个gradient反而。非常好,但想知道这个“魔法”是如何工作的——也就是说,如果我想定义自己的颜色,而不仅仅是绘制实体,我会怎么做?


我不知道这是怎么回事actually有效,但我找到了一种使用自定义渐变(或任何其他绘图操作)复制行为的方法。 “技巧”是使用CGPatternRef,它允许您指定用于绘制图案的回调函数。通常,此回调函数绘制模式的一个“单元格”,但您可以指定一个非常大的模式大小(例如CGFLOAT_MAX)以便能够在一次回调调用中填充整个区域。

为了演示该技术,这里有一个类别NSColor允许您从NSGradient。当你set该颜色,然后用它来填充一个区域,绘制渐变(线性,从下到上,但您可以轻松更改)。这甚至适用于描边路径或填充非矩形路径,例如[[NSBezierPath bezierPathWithOvalInRect:NSMakeRect(0, 0, 100, 100)] fill]因为NSBezierPath自动剪辑绘图。

//NSColor+Gradient.h
#import <Cocoa/Cocoa.h>

@interface NSColor (Gradient)

+ (NSColor *)my_gradientColorWithGradient:(NSGradient *)gradient;

@end

//NSColor+Gradient.m
#import "NSColor+Gradient.h"
#import <objc/runtime.h>

static void DrawGradientPattern(void * info, CGContextRef context)
{
    NSGraphicsContext *currentContext = [NSGraphicsContext currentContext];
    CGRect clipRect = CGContextGetClipBoundingBox(context);
    [NSGraphicsContext setCurrentContext:[NSGraphicsContext graphicsContextWithGraphicsPort:context flipped:NO]];
    NSGradient *gradient = (__bridge NSGradient *)info;
    [gradient drawInRect:NSRectFromCGRect(clipRect) angle:90.0];
    [NSGraphicsContext setCurrentContext:currentContext];
}

@implementation NSColor (Gradient)

+ (NSColor *)my_gradientColorWithGradient:(NSGradient *)gradient
{
    CGColorSpaceRef colorSpace = CGColorSpaceCreatePattern(NULL);
    CGPatternCallbacks callbacks;
    callbacks.drawPattern = &DrawGradientPattern;
    callbacks.releaseInfo = NULL;
    CGPatternRef pattern = CGPatternCreate((__bridge void *)(gradient), CGRectMake(0, 0, CGFLOAT_MAX, CGFLOAT_MAX), CGAffineTransformIdentity, CGFLOAT_MAX, CGFLOAT_MAX, kCGPatternTilingConstantSpacing, true, &callbacks);
    const CGFloat components[4] = {1.0, 1.0, 1.0, 1.0};
    CGColorRef cgColor = CGColorCreateWithPattern(colorSpace, pattern, components); 
    CGColorSpaceRelease(colorSpace);
    NSColor *color = [NSColor colorWithCGColor:cgColor];
    objc_setAssociatedObject(color, "gradient", gradient, OBJC_ASSOCIATION_RETAIN);
    return color;
}

@end

使用示例:

NSArray *colors = @[ [NSColor redColor], [NSColor blueColor] ];
NSGradient *gradient = [[NSGradient alloc] initWithColors:colors];
NSColor *gradientColor = [NSColor my_gradientColorWithGradient:gradient];
[gradientColor set];
NSRectFill(NSMakeRect(0, 0, 100, 100));
[[NSBezierPath bezierPathWithOvalInRect:NSMakeRect(100, 0, 100, 100)] fill];

Result:

本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

+[NSColor selectedMenuItemColor] 如何神奇地绘制渐变? 的相关文章

随机推荐