UIView的阴影制作 – ShadowView

ShadowView makes view’s shadow implementation easy and sweet.

Add simple shadows to add a gaussian blurred projection (as a shadow) to any UIView .


  • Add shadow easily from the storyboard and programmatically .
  • Add a gaussian blurred projection of your view (like iOS 10 music app).
  • Customize the border width and border color of any view from storyboard .


  • iOS 9.0+
  • Xcode 8



You can use CocoaPods to installShadowViewby adding it to yourPodfile:

source 'https://github.com/CocoaPods/Specs.git'
platform :ios, '9.0'

target '<Your Target Name>' do
pod 'ShadowView'

To get the full benefits importShadowViewwherever you import UIKit

import UIKit
import ShadowView


  1. Download and drop all files in ShadowView directory in your project.
  2. Nice Job!������

How it works

Normal Shadows

Shadow view use default CoreGraphics shadows by adding it the the layer of the view.

layer.shadowColor : CGColor
layer.shadowRadius : CGFloat
layer.shadowOffset : CGSize
layer.shadowOpacity : Float
layer.shadowPath : CGPath?

Projected Gaussian Shadows

Here the implemation is different. A shadow container need to be added and all views that needs a blurred shadow need to be subviews of this container. The container takes a screen of all it’s subviews and then apply blur on it.

Usage example

With Storyboard

Normal Shadows

Any view has new paramerters in the storyboar that you can change in order to add a customize shadow to your view.

Projected Gaussian Shadows

Add an UIView to you ViewController, change it class to ShadowView and insert in it all view that needs a blurred shadow.


Normal Shadows

Set the shadows parameters to your view and it the shadow will appear!��

view.shadowRadius = 5
view.shadowOffset = CGSize.zero
view.shadowColor = UIColor.black.cgColor
view.shadowOpacity = 0.3

Projected Gaussian Shadows

Create you container ShadowView and then add views that need Shadows inside of it.

let exampleShadowContainerView = ShadowView()
    let imageView = UIImageView(image: #imageLiteral(resourceName: "sample.jpg"))
    override func loadView() {
        exampleShadowContainerView.frame = self.view.bounds
        exampleShadowContainerView.autoresizingMask = [.flexibleWidth,.flexibleHeight]
        exampleShadowContainerView.shadowOffset = CGSize(width: 0, height: 10)
        exampleShadowContainerView.shadowRadius = 20
        imageView.center = exampleShadowContainerView.center
    override func viewDidLayoutSubviews() {
        imageView.frame.size = CGSize(width: 200, height: 200)
        imageView.center = exampleShadowContainerView.center

Please see the example for more prescisions.


//Shared Paramerters

@IBInspectable public var shadowRadius : CGFloat

@IBInspectable public var shadowOffset : CGSize

@IBInspectable public var shadowColor : UIColor?

@IBInspectable public var shadowOpacity : Float

//Normal Shadow

@IBInspectable var shadowPath : CGPath?

//ShadowView only

///It changes the size of the projected shadow view.
@IBInspectable var shadowScale : CGFloat

///Changes the tint color of the blurred image
@IBInspectable var shadowTintColor : UIColor

///Changes the saturation of the blurred image (default:1)
@IBInspectable var shadowSaturation : CGFloat

转载注明原文:UIView的阴影制作 – ShadowView - 代码日志