Нарисуйте вставку NSShadow и Inset Stroke - PullRequest
Новая
       70

Нарисуйте вставку NSShadow и Inset Stroke

12 голосов
/ 17 ноября 2010

У меня есть NSBezierPath, и я хочу рисовать в тени (как в Photoshop) внутри контура.

Есть ли что-нибудь, чтобы сделать это? Кроме того, я знаю, что вы можете -stroke пути, но можете ли вы обводить их внутри пути (аналогично Stroke Inside в Photoshop)?

Обновление 3 

static NSImage * graydient = nil;

if (!graydient) {
    graydient = [[NSImage alloc] initWithSize: NSMakeSize(22, 22)];
    [graydient lockFocus];

    NSGradient * gradient = [[NSGradient alloc] initWithColorsAndLocations: clr(@"#262729"), 0.0f, clr(@"#37383a"), 0.43f, clr(@"#37383a"), 1.0f, nil];
    [gradient drawInRect: NSMakeRect(0, 4.179, 22, 13.578) angle: 90.0f];
    [gradient release];

    [graydient unlockFocus];
}

NSColor * gcolor = [NSColor colorWithPatternImage: graydient];

[gcolor set];

NSShadow * shadow = [NSShadow new];
[shadow setShadowColor: [NSColor colorWithDeviceWhite: 1.0f alpha: 1.0f]];
[shadow setShadowBlurRadius: 0.0f];
[shadow setShadowOffset: NSMakeSize(0, 1)];
[shadow set];

[path fill];

[NSGraphicsContext saveGraphicsState];

[[path pathFromIntersectionWithPath: [NSBezierPath bezierPathWithRect: NSInsetRect([path bounds], 0.6, 0)]] setClip];

[gcolor set];

[shadow setShadowOffset: NSMakeSize(0, 1)];
[shadow setShadowColor: [NSColor blackColor]];
[shadow set];

[outer stroke];

[NSGraphicsContext restoreGraphicsState];

[NSGraphicsContext saveGraphicsState];

[[NSGraphicsContext currentContext] setCompositingOperation: NSCompositeSourceOut];

[shadow set];
[[NSColor whiteColor] set];
[inner fill];

[shadow set];
[inner fill];

[NSGraphicsContext restoreGraphicsState];

Final Result Это мой окончательный результат. Это выглядит довольно хорошо. Мне пришлось изменить тень на White @ 1.0 Alpha, чтобы она работала. Несмотря на то, что альфа-норма тени для элементов строки меню равна 0,5, она не выглядит наполовину плохой.

Большое спасибо Джошуа Ноцци .

1 Ответ

25 голосов
/ 17 ноября 2010

Я думаю, что вы можете сделать это, установив клип на путь Безье, чтобы использовать его в качестве маски и поглаживая тень, а затем добавив нормальный штрих при желании.

Обновление на основе обновленного кода:

Вот, пожалуйста. Я чувствую себя проволочком сегодня вечером. : -) 

// Describe an inset rect (adjust for pixel border)
NSRect whiteRect = NSInsetRect([self bounds], 20, 20);
whiteRect.origin.x += 0.5;
whiteRect.origin.y += 0.5;

// Create and fill the shown path
NSBezierPath * path = [NSBezierPath bezierPathWithRect:whiteRect];
[[NSColor whiteColor] set];
[path fill];

// Save the graphics state for shadow
[NSGraphicsContext saveGraphicsState];

// Set the shown path as the clip
[path setClip];

// Create and stroke the shadow
NSShadow * shadow = [[[NSShadow alloc] init] autorelease];
[shadow setShadowColor:[NSColor redColor]];
[shadow setShadowBlurRadius:10.0];
[shadow set];
[path stroke];

// Restore the graphics state
[NSGraphicsContext restoreGraphicsState];

// Add a nice stroke for a border
[path setLineWidth:1.0];
[[NSColor grayColor] set];
[path stroke];
...