UIViewにドロップシャドウを追加する最良の方法は何ですか

互いに重なっているビューにドロップシャドウを追加しようとしています。ビューが折りたたまれて、他のビューのコンテンツが表示されます。このview.clipsToBoundsため、ビューを折りたたむとコンテンツがクリップされるように、オンのままにしておきます。

これにより、レイヤーにドロップシャドウを追加することが難しくなったようですclipsToBounds。オンにすると、シャドウもクリップされるためです。

私が操作しようとしているview.frameとview.bounds私はこれとは運を持っていなかったが、フレームにドロップシャドウを追加しますが、境界は、それを包囲するのに十分大きなことを可能にするために。

シャドウを追加するために使用しているコードは次のとおりです（これはclipsToBounds図のようにOFFでのみ機能します）

view.clipsToBounds = NO;
view.layer.shadowColor = [[UIColor blackColor] CGColor];
view.layer.shadowOffset = CGSizeMake(0,5);
view.layer.shadowOpacity = 0.5;

以下は、一番上の灰色のレイヤーに適用されている影のスクリーンショットです。うまくいけば、clipsToBoundsOFFの場合にコンテンツがどのように重複するかがわかります。

シャドウを追加しUIViewてコンテンツをクリップしたままにするにはどうすればよいですか？

編集：シャドウをオンにした背景画像の使用も試してみましたが、これはうまく機能しますが、これに最適なコード化されたソリューションを知りたいと思っています。

これを試して：

UIBezierPath *shadowPath = [UIBezierPath bezierPathWithRect:view.bounds];
view.layer.masksToBounds = NO;
view.layer.shadowColor = [UIColor blackColor].CGColor;
view.layer.shadowOffset = CGSizeMake(0.0f, 5.0f);
view.layer.shadowOpacity = 0.5f;
view.layer.shadowPath = shadowPath.CGPath;

まず第一に：UIBezierPathとして使用するshadowPath非常に重要です。それを使用しない場合、最初は違いに気付かないかもしれませんが、鋭い目は、デバイスの回転などのイベント中に発生する特定の遅延を観察します。これは重要なパフォーマンスの調整です。

特にあなたの問題に関して：重要なラインはview.layer.masksToBounds = NOです。これは、ビューの境界よりも遠くに広がるビューのレイヤーのサブレイヤーのクリッピングを無効にします。

masksToBounds（レイヤー上）とビュー自体のclipToBoundsプロパティの違いは何なのかと思っている人のために：実際には何もありません。一方を切り替えると、もう一方にも影響があります。抽象化のレベルが異なるだけです。

Swift 2.2：

override func layoutSubviews()
{
    super.layoutSubviews()

    let shadowPath = UIBezierPath(rect: bounds)
    layer.masksToBounds = false
    layer.shadowColor = UIColor.blackColor().CGColor
    layer.shadowOffset = CGSizeMake(0.0, 5.0)
    layer.shadowOpacity = 0.5
    layer.shadowPath = shadowPath.CGPath
}

スウィフト3：

override func layoutSubviews()
{
    super.layoutSubviews()

    let shadowPath = UIBezierPath(rect: bounds)
    layer.masksToBounds = false
    layer.shadowColor = UIColor.black.cgColor
    layer.shadowOffset = CGSize(width: 0.0, height: 5.0)
    layer.shadowOpacity = 0.5
    layer.shadowPath = shadowPath.cgPath
}

Swift 2.3におけるWasabiiの回答：

let shadowPath = UIBezierPath(rect: view.bounds)
view.layer.masksToBounds = false
view.layer.shadowColor = UIColor.blackColor().CGColor
view.layer.shadowOffset = CGSize(width: 0, height: 0.5)
view.layer.shadowOpacity = 0.2
view.layer.shadowPath = shadowPath.CGPath

そしてSwift 3/4/5では：

let shadowPath = UIBezierPath(rect: view.bounds)
view.layer.masksToBounds = false
view.layer.shadowColor = UIColor.black.cgColor
view.layer.shadowOffset = CGSize(width: 0, height: 0.5)
view.layer.shadowOpacity = 0.2
view.layer.shadowPath = shadowPath.cgPath

AutoLayoutを使用している場合は、このコードをlayoutSubviews（）に配置します。

SwiftUIでは、これははるかに簡単です。

Color.yellow  // or whatever your view
    .shadow(radius: 3)
    .frame(width: 200, height: 100)

秘訣はmasksToBounds、ビューのレイヤーのプロパティを適切に定義することです。

view.layer.masksToBounds = NO;

そしてそれはうまくいくはずです。

（出典）

UIViewの拡張機能を作成して、デザインエディターでこれらの値にアクセスできます。

extension UIView{

    @IBInspectable var shadowOffset: CGSize{
        get{
            return self.layer.shadowOffset
        }
        set{
            self.layer.shadowOffset = newValue
        }
    }

    @IBInspectable var shadowColor: UIColor{
        get{
            return UIColor(cgColor: self.layer.shadowColor!)
        }
        set{
            self.layer.shadowColor = newValue.cgColor
        }
    }

    @IBInspectable var shadowRadius: CGFloat{
        get{
            return self.layer.shadowRadius
        }
        set{
            self.layer.shadowRadius = newValue
        }
    }

    @IBInspectable var shadowOpacity: Float{
        get{
            return self.layer.shadowOpacity
        }
        set{
            self.layer.shadowOpacity = newValue
        }
    }
}

ストーリーボードからビューに影を設定することもできます

viewWillLayoutSubviews：

override func viewWillLayoutSubviews() {
    sampleView.layer.masksToBounds =  false
    sampleView.layer.shadowColor = UIColor.darkGrayColor().CGColor;
    sampleView.layer.shadowOffset = CGSizeMake(2.0, 2.0)
    sampleView.layer.shadowOpacity = 1.0
}

UIViewの拡張機能を使用：

extension UIView {

    func addDropShadowToView(targetView:UIView? ){
        targetView!.layer.masksToBounds =  false
        targetView!.layer.shadowColor = UIColor.darkGrayColor().CGColor;
        targetView!.layer.shadowOffset = CGSizeMake(2.0, 2.0)
        targetView!.layer.shadowOpacity = 1.0
    }
}

使用法：

sampleView.addDropShadowToView(sampleView)

だから、はい、あなたはパフォーマンスのためにshadowPathプロパティを好むべきですが、また：CALayer.shadowPathのヘッダーファイルから

このプロパティを明示的に使用してパスを指定すると、通常、*複数のレイヤーで同じパス参照を共有するため、レンダリングのパフォーマンスが向上します。

あまり知られていないトリックは、複数のレイヤー間で同じ参照を共有することです。もちろん、同じ形状を使用する必要がありますが、これはテーブル/コレクションビューのセルでは一般的です。

インスタンスを共有した方が高速になる理由はわかりません。シャドウのレンダリングをキャッシュし、ビュー内の他のインスタンスに再利用できると思います。これでもっと速いのかな