UIViewレイヤーの内部シャドウ効果？
私は次のCALayerを持っています：
CAGradientLayer *gradient = [CAGradientLayer layer];
gradient.frame = CGRectMake(8, 57, 296, 30);
gradient.cornerRadius = 3.0f;
gradient.colors = [NSArray arrayWithObjects:(id)[RGB(130, 0, 140) CGColor], (id)[RGB(108, 0, 120) CGColor], nil];
[self.layer insertSublayer:gradient atIndex:0];
内部シャドウエフェクトを追加したいのですが、どうすればいいのかわかりません。 drawRectで描画する必要があると思いますが、これは他のUIViewオブジェクトの上にレイヤーを追加します。これはいくつかのボタンの後ろのバーになるはずなので、何をすべきか迷っていますか？
別のレイヤーを追加することもできますが、この場合も、内側のシャドウ効果を実現する方法がわかりません（次のように：
感謝します...
Costiqueの提案に従ってCore Graphicsを使用して内側の影を描画する方法を知りたい人は、次のようになります（iOSでは必要に応じて調整します）。
DrawRect：メソッドで...
CGRect bounds = [self bounds];
CGContextRef context = UIGraphicsGetCurrentContext();
CGFloat radius = 0.5f * CGRectGetHeight(bounds);
// Create the "visible" path, which will be the shape that gets the inner shadow
// In this case it's just a rounded rect, but could be as complex as your want
CGMutablePathRef visiblePath = CGPathCreateMutable();
CGRect innerRect = CGRectInset(bounds, radius, radius);
CGPathMoveToPoint(visiblePath, NULL, innerRect.Origin.x, bounds.Origin.y);
CGPathAddLineToPoint(visiblePath, NULL, innerRect.Origin.x + innerRect.size.width, bounds.Origin.y);
CGPathAddArcToPoint(visiblePath, NULL, bounds.Origin.x + bounds.size.width, bounds.Origin.y, bounds.Origin.x + bounds.size.width, innerRect.Origin.y, radius);
CGPathAddLineToPoint(visiblePath, NULL, bounds.Origin.x + bounds.size.width, innerRect.Origin.y + innerRect.size.height);
CGPathAddArcToPoint(visiblePath, NULL, bounds.Origin.x + bounds.size.width, bounds.Origin.y + bounds.size.height, innerRect.Origin.x + innerRect.size.width, bounds.Origin.y + bounds.size.height, radius);
CGPathAddLineToPoint(visiblePath, NULL, innerRect.Origin.x, bounds.Origin.y + bounds.size.height);
CGPathAddArcToPoint(visiblePath, NULL, bounds.Origin.x, bounds.Origin.y + bounds.size.height, bounds.Origin.x, innerRect.Origin.y + innerRect.size.height, radius);
CGPathAddLineToPoint(visiblePath, NULL, bounds.Origin.x, innerRect.Origin.y);
CGPathAddArcToPoint(visiblePath, NULL, bounds.Origin.x, bounds.Origin.y, innerRect.Origin.x, bounds.Origin.y, radius);
CGPathCloseSubpath(visiblePath);
// Fill this path
UIColor *aColor = [UIColor redColor];
[aColor setFill];
CGContextAddPath(context, visiblePath);
CGContextFillPath(context);
// Now create a larger rectangle, which we're going to subtract the visible path from
// and apply a shadow
CGMutablePathRef path = CGPathCreateMutable();
//(when drawing the shadow for a path whichs bounding box is not known pass "CGPathGetPathBoundingBox(visiblePath)" instead of "bounds" in the following line:)
//-42 cuould just be any offset > 0
CGPathAddRect(path, NULL, CGRectInset(bounds, -42, -42));
// Add the visible path (so that it gets subtracted for the shadow)
CGPathAddPath(path, NULL, visiblePath);
CGPathCloseSubpath(path);
// Add the visible paths as the clipping path to the context
CGContextAddPath(context, visiblePath);
CGContextClip(context);
// Now setup the shadow properties on the context
aColor = [UIColor colorWithRed:0.0f green:0.0f blue:0.0f alpha:0.5f];
CGContextSaveGState(context);
CGContextSetShadowWithColor(context, CGSizeMake(0.0f, 1.0f), 3.0f, [aColor CGColor]);
// Now fill the rectangle, so the shadow gets drawn
[aColor setFill];
CGContextSaveGState(context);
CGContextAddPath(context, path);
CGContextEOFillPath(context);
// Release the paths
CGPathRelease(path);
CGPathRelease(visiblePath);
したがって、基本的に次の手順があります。
- パスを作成する
- 必要な塗りつぶし色を設定し、このパスをコンテキストに追加して、コンテキストを塗りつぶします
- 次に、表示パスを境界付けることができる大きな長方形を作成します。このパスを閉じる前に、表示パスを追加してください。次に、パスを閉じて、目に見えるパスを差し引いた形状を作成します。これらのパスの作成方法に応じて、フィルメソッド（偶数/奇数のゼロ以外のワインディング）を調査することができます。基本的に、サブパスを一緒に追加するときにサブパスを「減算」するには、一方を時計回りに、もう一方を反時計回りに反対方向に描画（または構築）する必要があります。
- 次に、可視パスをコンテキストのクリッピングパスとして設定し、画面の外側に何も描画しないようにする必要があります。
- 次に、オフセット、ぼかし、色を含むコンテキストに影を設定します。
- 次に、大きな形状に穴を埋めます。色は重要ではありません。すべてを正しく行った場合、この色は表示されず、影だけが表示されるためです。
私はこのパーティーに遅れていることを知っていますが、これは旅行の早い段階で見つけるのに役立ちました...
信用が必要な場所に信用を与えるために、これは本質的に、より大きな地域からより小さな地域を差し引くというCostiqueのソリューションに関するダニエル・ソープの詳細の修正です。このバージョンは、-drawRect:
CAShapeLayerクラスを使用して、同じ効果を実現できます。
CAShapeLayer* shadowLayer = [CAShapeLayer layer];
[shadowLayer setFrame:[self bounds]];
// Standard shadow stuff
[shadowLayer setShadowColor:[[UIColor colorWithWhite:0 alpha:1] CGColor]];
[shadowLayer setShadowOffset:CGSizeMake(0.0f, 0.0f)];
[shadowLayer setShadowOpacity:1.0f];
[shadowLayer setShadowRadius:5];
// Causes the inner region in this example to NOT be filled.
[shadowLayer setFillRule:kCAFillRuleEvenOdd];
// Create the larger rectangle path.
CGMutablePathRef path = CGPathCreateMutable();
CGPathAddRect(path, NULL, CGRectInset(bounds, -42, -42));
// Add the inner path so it's subtracted from the outer path.
// someInnerPath could be a simple bounds rect, or maybe
// a rounded one for some extra fanciness.
CGPathAddPath(path, NULL, someInnerPath);
CGPathCloseSubpath(path);
[shadowLayer setPath:path];
CGPathRelease(path);
[[self layer] addSublayer:shadowLayer];
この時点で、親レイヤーが境界にマスクされていない場合、レイヤーの端の周りにマスクレイヤーの余分な領域が表示されます。サンプルを直接コピーした場合、これは42ピクセルの黒になります。それを取り除くには、同じパスを持つ別のCAShapeLayerを使用し、シャドウレイヤーのマスクとして設定するだけです。
CAShapeLayer* maskLayer = [CAShapeLayer layer];
[maskLayer setPath:someInnerPath];
[shadowLayer setMask:maskLayer];
私はこれを自分でベンチマークしていませんが、ラスタライズと組み合わせてこのアプローチを使用すると、-drawRect:。
境界の外側に大きな長方形のパスを作成し、境界サイズの長方形のパスを減算し、結果のパスを「通常の」影で塗りつぶすことにより、Core Graphicsで内側の影を描くことができます。
ただし、グラデーションレイヤーと組み合わせる必要があるため、簡単な解決策は、内側の影の9パートの透過PNGイメージを作成し、適切なサイズに拡大することだと思います。 9パートの影の画像は次のようになります（サイズは21x21ピクセルです）。
CALayer *innerShadowLayer = [CALayer layer];
innerShadowLayer.contents = (id)[UIImage imageNamed: @"innershadow.png"].CGImage;
innerShadowLayer.contentsCenter = CGRectMake(10.0f/21.0f, 10.0f/21.0f, 1.0f/21.0f, 1.0f/21.0f);
次に、innerShadowLayerのフレームを設定すると、シャドウが適切に引き伸ばされます。
SwiftでCALayerのみを使用した簡易バージョン：
import UIKit
final class FrameView : UIView {
init() {
super.init(frame: CGRect.zero)
backgroundColor = UIColor.white
}
@available(*, unavailable)
required init?(coder decoder: NSCoder) { fatalError("unavailable") }
override func layoutSubviews() {
super.layoutSubviews()
addInnerShadow()
}
private func addInnerShadow() {
let innerShadow = CALayer()
innerShadow.frame = bounds
// Shadow path (1pt ring around bounds)
let path = UIBezierPath(rect: innerShadow.bounds.insetBy(dx: -1, dy: -1))
let cutout = UIBezierPath(rect: innerShadow.bounds).reversing()
path.append(cutout)
innerShadow.shadowPath = path.cgPath
innerShadow.masksToBounds = true
// Shadow properties
innerShadow.shadowColor = UIColor(white: 0, alpha: 1).cgColor // UIColor(red: 0.71, green: 0.77, blue: 0.81, alpha: 1.0).cgColor
innerShadow.shadowOffset = CGSize.zero
innerShadow.shadowOpacity = 1
innerShadow.shadowRadius = 3
// Add
layer.addSublayer(innerShadow)
}
}
InnerShadowレイヤーは不透明な背景色を使用しないでください。これは影の前にレンダリングされるためです。
少し回り道ですが、画像を使用する必要がなく（読みやすい：色の変更、シャドウの半径など）、コードはほんの数行です。
UIImageViewを、ドロップシャドウが必要なUIViewの最初のサブビューとして追加します。私はIBを使用していますが、プログラムで同じことができます。
UIImageViewへの参照が「innerShadow」であると仮定します
`
[[innerShadow layer] setMasksToBounds:YES];
[[innerShadow layer] setCornerRadius:12.0f];
[[innerShadow layer] setBorderColor:[UIColorFromRGB(180, 180, 180) CGColor]];
[[innerShadow layer] setBorderWidth:1.0f];
[[innerShadow layer] setShadowColor:[UIColorFromRGB(0, 0, 0) CGColor]];
[[innerShadow layer] setShadowOffset:CGSizeMake(0, 0)];
[[innerShadow layer] setShadowOpacity:1];
[[innerShadow layer] setShadowRadius:2.0];
注意：境界線が必要です。そうでない場合、影は表示されません。[UIColor clearColor]は機能しません。この例では、異なる色を使用していますが、それを台無しにできます。影の始まりと同じ色になるように：）
UIColorFromRGBマクロに関する以下のbbrameのコメントを参照してください。
絶対に遅れるより...
もう1つのアプローチは、おそらく既に投稿されているものより優れているわけではありませんが、ナイスでシンプルです-
-(void)drawInnerShadowOnView:(UIView *)view
{
UIImageView *innerShadowView = [[UIImageView alloc] initWithFrame:view.bounds];
innerShadowView.contentMode = UIViewContentModeScaleToFill;
innerShadowView.autoresizingMask = UIViewAutoresizingFlexibleWidth | UIViewAutoresizingFlexibleHeight;
[view addSubview:innerShadowView];
[innerShadowView.layer setMasksToBounds:YES];
[innerShadowView.layer setBorderColor:[UIColor lightGrayColor].CGColor];
[innerShadowView.layer setShadowColor:[UIColor blackColor].CGColor];
[innerShadowView.layer setBorderWidth:1.0f];
[innerShadowView.layer setShadowOffset:CGSizeMake(0, 0)];
[innerShadowView.layer setShadowOpacity:1.0];
// this is the inner shadow thickness
[innerShadowView.layer setShadowRadius:1.5];
}
DrawRectで内部シャドウを描画する代わりに、UIViewをビューに追加します。たとえば、UIView Vの下部に内側のシャドウ効果が必要な場合は、CALayerを直接ボーダーに追加できます。
innerShadowOwnerLayer = [[CALayer alloc]init];
innerShadowOwnerLayer.frame = CGRectMake(0, V.frame.size.height+2, V.frame.size.width, 2);
innerShadowOwnerLayer.backgroundColor = [UIColor whiteColor].CGColor;
innerShadowOwnerLayer.shadowColor = [UIColor blackColor].CGColor;
innerShadowOwnerLayer.shadowOffset = CGSizeMake(0, 0);
innerShadowOwnerLayer.shadowRadius = 10.0;
innerShadowOwnerLayer.shadowOpacity = 0.7;
[V.layer addSubLayer:innerShadowOwnerLayer];
これにより、ターゲットUIViewの下部の内側の影が追加されます
これがSwiftのバージョンです。startPointとendPointをそれぞれの側で変更してください。
let layer = CAGradientLayer()
layer.startPoint = CGPointMake(0.5, 0.0);
layer.endPoint = CGPointMake(0.5, 1.0);
layer.colors = [UIColor(white: 0.1, alpha: 1.0).CGColor, UIColor(white: 0.1, alpha: 0.5).CGColor, UIColor.clearColor().CGColor]
layer.locations = [0.05, 0.2, 1.0 ]
layer.frame = CGRectMake(0, 0, self.view.frame.width, 60)
self.view.layer.insertSublayer(layer, atIndex: 0)
これはあなたのソリューションです PaintCode からエクスポートしました：
-(void) drawRect:(CGRect)rect
{
CGContextRef context = UIGraphicsGetCurrentContext();
//// Shadow Declarations
UIColor* shadow = UIColor.whiteColor;
CGSize shadowOffset = CGSizeMake(0, 0);
CGFloat shadowBlurRadius = 10;
//// Rectangle Drawing
UIBezierPath* rectanglePath = [UIBezierPath bezierPathWithRect: self.bounds];
[[UIColor blackColor] setFill];
[rectanglePath fill];
////// Rectangle Inner Shadow
CGContextSaveGState(context);
UIRectClip(rectanglePath.bounds);
CGContextSetShadowWithColor(context, CGSizeZero, 0, NULL);
CGContextSetAlpha(context, CGColorGetAlpha([shadow CGColor]));
CGContextBeginTransparencyLayer(context, NULL);
{
UIColor* opaqueShadow = [shadow colorWithAlphaComponent: 1];
CGContextSetShadowWithColor(context, shadowOffset, shadowBlurRadius, [opaqueShadow CGColor]);
CGContextSetBlendMode(context, kCGBlendModeSourceOut);
CGContextBeginTransparencyLayer(context, NULL);
[opaqueShadow setFill];
[rectanglePath fill];
CGContextEndTransparencyLayer(context);
}
CGContextEndTransparencyLayer(context);
CGContextRestoreGState(context);
}
私はパーティーに非常に遅れていますが、コミュニティに還元したいと思います。これは、静的ライブラリとリソースなしを提供していたときにUITextField background Imageを削除するために書いたメソッドです... a PIN ViewControllerで1文字のrawまたは（BOOL）[self isUsingBullets]または（BOOL）[self usingAsterisks]を表示できる4つのUITextFieldインスタンスの入力画面。アプリはiPhone/iPhone網膜/ iPad/iPad Retinaなので、4つの画像を提供する必要はありません...
#import <QuartzCore/QuartzCore.h>
- (void)setTextFieldInnerGradient:(UITextField *)textField
{
[textField setSecureTextEntry:self.isUsingBullets];
[textField setBackgroundColor:[UIColor blackColor]];
[textField setTextColor:[UIColor blackColor]];
[textField setBorderStyle:UITextBorderStyleNone];
[textField setClipsToBounds:YES];
[textField.layer setBorderColor:[[UIColor blackColor] CGColor]];
[textField.layer setBorderWidth:1.0f];
// make a gradient off-white background
CAGradientLayer *gradient = [CAGradientLayer layer];
CGRect gradRect = CGRectInset([textField bounds], 3, 3); // Reduce Width and Height and center layer
gradRect.size.height += 2; // minimise Bottom shadow, rely on clipping to remove these 2 pts.
gradient.frame = gradRect;
struct CGColor *topColor = [UIColor colorWithWhite:0.6f alpha:1.0f].CGColor;
struct CGColor *bottomColor = [UIColor colorWithWhite:0.9f alpha:1.0f].CGColor;
// We need to use this fancy __bridge object in order to get the array we want.
gradient.colors = [NSArray arrayWithObjects:(__bridge id)topColor, (__bridge id)bottomColor, nil];
[gradient setCornerRadius:4.0f];
[gradient setShadowOffset:CGSizeMake(0, 0)];
[gradient setShadowColor:[[UIColor whiteColor] CGColor]];
[gradient setShadowOpacity:1.0f];
[gradient setShadowRadius:3.0f];
// Now we need to Blur the edges of this layer "so it blends"
// This rasterizes the view down to 4x4 pixel chunks then scales it back up using bilinear filtering...
// it's EXTREMELY fast and looks ok if you are just wanting to blur a background view under a modal view.
// To undo it, just set the rasterization scale back to 1.0 or turn off rasterization.
[gradient setRasterizationScale:0.25];
[gradient setShouldRasterize:YES];
[textField.layer insertSublayer:gradient atIndex:0];
if (self.usingAsterisks) {
[textField setFont:[UIFont systemFontOfSize:80.0]];
} else {
[textField setFont:[UIFont systemFontOfSize:40.0]];
}
[textField setTextAlignment:UITextAlignmentCenter];
[textField setEnabled:NO];
}
このフォーラムが私を助けてくれたので、これが誰かの助けになることを願っています。
クォーツのインナーシャドウ by クリスエメリー wichexplainsの素晴らしい記事を確認してください PaintCode で描画され、クリーンできれいなコードスニペットを提供します。
- (void)drawInnerShadowInContext:(CGContextRef)context
withPath:(CGPathRef)path
shadowColor:(CGColorRef)shadowColor
offset:(CGSize)offset
blurRadius:(CGFloat)blurRadius
{
CGContextSaveGState(context);
CGContextAddPath(context, path);
CGContextClip(context);
CGColorRef opaqueShadowColor = CGColorCreateCopyWithAlpha(shadowColor, 1.0);
CGContextSetAlpha(context, CGColorGetAlpha(shadowColor));
CGContextBeginTransparencyLayer(context, NULL);
CGContextSetShadowWithColor(context, offset, blurRadius, opaqueShadowColor);
CGContextSetBlendMode(context, kCGBlendModeSourceOut);
CGContextSetFillColorWithColor(context, opaqueShadowColor);
CGContextAddPath(context, path);
CGContextFillPath(context);
CGContextEndTransparencyLayer(context);
CGContextRestoreGState(context);
CGColorRelease(opaqueShadowColor);
}
Swift 4.2での私の解決策です。試してみませんか？
final class ACInnerShadowLayer : CAShapeLayer {
var innerShadowColor: CGColor? = UIColor.black.cgColor {
didSet { setNeedsDisplay() }
}
var innerShadowOffset: CGSize = .zero {
didSet { setNeedsDisplay() }
}
var innerShadowRadius: CGFloat = 8 {
didSet { setNeedsDisplay() }
}
var innerShadowOpacity: Float = 1 {
didSet { setNeedsDisplay() }
}
override init() {
super.init()
masksToBounds = true
contentsScale = UIScreen.main.scale
setNeedsDisplay()
}
override init(layer: Any) {
if let layer = layer as? InnerShadowLayer {
innerShadowColor = layer.innerShadowColor
innerShadowOffset = layer.innerShadowOffset
innerShadowRadius = layer.innerShadowRadius
innerShadowOpacity = layer.innerShadowOpacity
}
super.init(layer: layer)
}
required init?(coder aDecoder: NSCoder) {
fatalError("init(coder:) has not been implemented")
}
override func draw(in ctx: CGContext) {
ctx.setAllowsAntialiasing(true)
ctx.setShouldAntialias(true)
ctx.interpolationQuality = .high
let colorspace = CGColorSpaceCreateDeviceRGB()
var rect = bounds
var radius = cornerRadius
if borderWidth != 0 {
rect = rect.insetBy(dx: borderWidth, dy: borderWidth)
radius -= borderWidth
radius = max(radius, 0)
}
let innerShadowPath = UIBezierPath(roundedRect: rect, cornerRadius: radius).cgPath
ctx.addPath(innerShadowPath)
ctx.clip()
let shadowPath = CGMutablePath()
let shadowRect = rect.insetBy(dx: -rect.size.width, dy: -rect.size.width)
shadowPath.addRect(shadowRect)
shadowPath.addPath(innerShadowPath)
shadowPath.closeSubpath()
if let innerShadowColor = innerShadowColor, let oldComponents = innerShadowColor.components {
var newComponets = Array<CGFloat>(repeating: 0, count: 4) // [0, 0, 0, 0] as [CGFloat]
let numberOfComponents = innerShadowColor.numberOfComponents
switch numberOfComponents {
case 2:
newComponets[0] = oldComponents[0]
newComponets[1] = oldComponents[0]
newComponets[2] = oldComponents[0]
newComponets[3] = oldComponents[1] * CGFloat(innerShadowOpacity)
case 4:
newComponets[0] = oldComponents[0]
newComponets[1] = oldComponents[1]
newComponets[2] = oldComponents[2]
newComponets[3] = oldComponents[3] * CGFloat(innerShadowOpacity)
default:
break
}
if let innerShadowColorWithMultipliedAlpha = CGColor(colorSpace: colorspace, components: newComponets) {
ctx.setFillColor(innerShadowColorWithMultipliedAlpha)
ctx.setShadow(offset: innerShadowOffset, blur: innerShadowRadius, color: innerShadowColorWithMultipliedAlpha)
ctx.addPath(shadowPath)
ctx.fillPath(using: .evenOdd)
}
}
}
}
グラデーションレイヤーの使用：
UIView * mapCover = [UIView new];
mapCover.frame = map.frame;
[view addSubview:mapCover];
CAGradientLayer * vertical = [CAGradientLayer layer];
vertical.frame = mapCover.bounds;
vertical.colors = [NSArray arrayWithObjects:(id)[UIColor whiteColor].CGColor,
(id)[[UIColor whiteColor] colorWithAlphaComponent:0.0f].CGColor,
(id)[[UIColor whiteColor] colorWithAlphaComponent:0.0f].CGColor,
(id)[UIColor whiteColor].CGColor, nil];
vertical.locations = @[@0.01,@0.1,@0.9,@0.99];
[mapCover.layer insertSublayer:vertical atIndex:0];
CAGradientLayer * horizontal = [CAGradientLayer layer];
horizontal.frame = mapCover.bounds;
horizontal.colors = [NSArray arrayWithObjects:(id)[UIColor whiteColor].CGColor,
(id)[[UIColor whiteColor] colorWithAlphaComponent:0.0f].CGColor,
(id)[[UIColor whiteColor] colorWithAlphaComponent:0.0f].CGColor,
(id)[UIColor whiteColor].CGColor, nil];
horizontal.locations = @[@0.01,@0.1,@0.9,@0.99];
horizontal.startPoint = CGPointMake(0.0, 0.5);
horizontal.endPoint = CGPointMake(1.0, 0.5);
[mapCover.layer insertSublayer:horizontal atIndex:0];
SwiftでCALayerを使用したスケーラブルなソリューション
説明されているInnerShadowLayerを使用すると、特定のエッジのみに対して内側のシャドウを有効にし、他のエッジを除外することもできます。 （たとえば、ビューの左端と上端でのみ内側の影を有効にできます）
次に、次を使用してビューにInnerShadowLayerを追加できます。
init(...) {
// ... your initialization code ...
super.init(frame: .zero)
layer.addSublayer(shadowLayer)
}
public override func layoutSubviews() {
super.layoutSubviews()
shadowLayer.frame = bounds
}
InnerShadowLayer実装
/// Shadow is a struct defining the different kinds of shadows
public struct Shadow {
let x: CGFloat
let y: CGFloat
let blur: CGFloat
let opacity: CGFloat
let color: UIColor
}
/// A layer that applies an inner shadow to the specified edges of either its path or its bounds
public class InnerShadowLayer: CALayer {
private let shadow: Shadow
private let Edge: UIRectEdge
public init(shadow: Shadow, Edge: UIRectEdge) {
self.shadow = shadow
self.Edge = Edge
super.init()
setupShadow()
}
required init?(coder aDecoder: NSCoder) {
fatalError("init(coder:) has not been implemented")
}
public override func layoutSublayers() {
updateShadow()
}
private func setupShadow() {
shadowColor = shadow.color.cgColor
shadowOpacity = Float(shadow.opacity)
shadowRadius = shadow.blur / 2.0
masksToBounds = true
}
private func updateShadow() {
shadowOffset = {
let topWidth: CGFloat = 0
let leftWidth = Edge.contains(.left) ? shadow.y / 2 : 0
let bottomWidth: CGFloat = 0
let rightWidth = Edge.contains(.right) ? -shadow.y / 2 : 0
let topHeight = Edge.contains(.top) ? shadow.y / 2 : 0
let leftHeight: CGFloat = 0
let bottomHeight = Edge.contains(.bottom) ? -shadow.y / 2 : 0
let rightHeight: CGFloat = 0
return CGSize(width: [topWidth, leftWidth, bottomWidth, rightWidth].reduce(0, +),
height: [topHeight, leftHeight, bottomHeight, rightHeight].reduce(0, +))
}()
let insets = UIEdgeInsets(top: Edge.contains(.top) ? -bounds.height : 0,
left: Edge.contains(.left) ? -bounds.width : 0,
bottom: Edge.contains(.bottom) ? -bounds.height : 0,
right: Edge.contains(.right) ? -bounds.width : 0)
let path = UIBezierPath(rect: bounds.inset(by: insets))
let cutout = UIBezierPath(rect: bounds).reversing()
path.append(cutout)
shadowPath = path.cgPath
}
}
このコードは私のために働いた
class InnerDropShadowView: UIView {
override func draw(_ rect: CGRect) {
//Drawing code
let context = UIGraphicsGetCurrentContext()
//// Shadow Declarations
let shadow: UIColor? = UIColor.init(hexString: "a3a3a3", alpha: 1.0) //UIColor.black.withAlphaComponent(0.6) //UIColor.init(hexString: "d7d7da", alpha: 1.0)
let shadowOffset = CGSize(width: 0, height: 0)
let shadowBlurRadius: CGFloat = 7.5
//// Rectangle Drawing
let rectanglePath = UIBezierPath(rect: bounds)
UIColor.groupTableViewBackground.setFill()
rectanglePath.fill()
////// Rectangle Inner Shadow
context?.saveGState()
UIRectClip(rectanglePath.bounds)
context?.setShadow(offset: CGSize.zero, blur: 0, color: nil)
context?.setAlpha((shadow?.cgColor.alpha)!)
context?.beginTransparencyLayer(auxiliaryInfo: nil)
do {
let opaqueShadow: UIColor? = shadow?.withAlphaComponent(1)
context?.setShadow(offset: shadowOffset, blur: shadowBlurRadius, color: opaqueShadow?.cgColor)
context!.setBlendMode(.sourceOut)
context?.beginTransparencyLayer(auxiliaryInfo: nil)
opaqueShadow?.setFill()
rectanglePath.fill()
context!.endTransparencyLayer()
}
context!.endTransparencyLayer()
context?.restoreGState()
}
}