NSImageViewのNSCollectionViewItem選択、CALayerを使用した画像周りの境界

Question

NSCollectionViewItemにNSImageViewがあります。

私はイメージの周りに影を持ちたいと思います。それが選択されると、イメージに影と境界線が必要です。現在、NSImageViewはイメージの周りに境界線を取得します。

選択時にシャドウ+ボーダーを達成するにはどうすればよいですか？イメージの周りの境界線が正しく設定されているように見えますが、境界線がイメージビューの周りに設定されています。

[self.templateImageView setWantsLayer:YES]; 
self.templateImageView.layer.borderWidth = 0.0; 
self.templateImageView.layer.borderColor = borderColor.CGColor; 
self.templateImageView.layer.masksToBounds = YES; 

[self.templateImageView.layer setShadowColor: [NSColor blackColor].CGColor]; 
[self.templateImageView.layer setShadowOpacity:0.8]; 
[self.templateImageView.layer setShadowRadius:5.0]; 

Answer 1

まず、画像の背景が透明である必要があります。 その後、画像の内容の周囲に境界線を引くことができます。

func drawOutlie(image:UIImage, color:UIColor) -> UIImage 
{ 
    let newImageKoef:CGFloat = 1.08 

    let outlinedImageRect = CGRect(x: 0.0, y: 0.0, width: image.size.width * newImageKoef, height: image.size.height * newImageKoef) 

    let imageRect = CGRect(x: image.size.width * (newImageKoef - 1) * 0.5, y: image.size.height * (newImageKoef - 1) * 0.5, width: image.size.width, height: image.size.height) 

    UIGraphicsBeginImageContextWithOptions(outlinedImageRect.size, false, newImageKoef) 

    image.draw(in: outlinedImageRect) 

    let context = UIGraphicsGetCurrentContext() 
    context!.setBlendMode(CGBlendMode.sourceIn) 

    context!.setFillColor(color.cgColor) 
    context!.fill(outlinedImageRect) 
    image.draw(in: imageRect) 

    let newImage = UIGraphicsGetImageFromCurrentImageContext() 
    UIGraphicsEndImageContext() 

    return newImage! 

} 

あなたはnewImageKoefを変更することにより、外形サイズを変更することができます。

回答はhaawaに基づいており、swift 3.0への回答と更新に基づいています。

Answer 2

お返事ありがとうございます。それは私が探していたものを見つけるのを助けました。ここに解決策があります：

- (NSImage*)borderAroundImage:(NSImage*)image 
{ 
NSSize size = NSMakeSize([image size].width, [image size].height); 

NSImage* im = image; 
NSBitmapImageRep* rep = [[NSBitmapImageRep alloc] 
         initWithBitmapDataPlanes:NULL 
         pixelsWide:size.width 
         pixelsHigh:size.height 
         bitsPerSample:8 
         samplesPerPixel:4 
         hasAlpha:YES 
         isPlanar:NO 
         colorSpaceName:NSCalibratedRGBColorSpace 
         bytesPerRow:0 
         bitsPerPixel:0]; 

[im addRepresentation:rep]; 

[im lockFocus]; 

CGContextRef ctx = [[NSGraphicsContext currentContext] graphicsPort]; 

CGContextSetStrokeColorWithColor(ctx, [NSColor colorWithDeviceRed:0.200 green:0.529 blue:0.957 alpha:1.000].CGColor); 
CGContextSetLineWidth(ctx, 25.0); 
CGContextStrokeRect(ctx, CGRectInset(CGRectMake(0, 0, [image size].width, [image size].height), 0, 0)); 

[im unlockFocus]; 

return im; 
}