Awesome
SwiftyShadow
Helper Libraries to generate wonderful shadow in Swift iOS.
Screenshots
<table> <tr> <th> <img src="Screenshot/inner_shadow.png" width="220"/> </th> <th> <img src="Screenshot/outer_shadow.png" width="220"/> </th> <th> <img src="Screenshot/elliptical_shadow.png" width="220"/> </th> </tr> </table>Requirements
- iOS 8.0+
- Xcode 8+
- Swift 4.2
Installation
CocoaPods
To integrate PhotoCollectionView into your Xcode project using CocoaPods, specify it in your Podfile:
source 'https://github.com/CocoaPods/Specs.git'
platform :ios, '8.0'
use_frameworks!
pod 'SwiftyShadow', '~> 1.7.0'
Then, run the following command:
$ pod install
Manually
- Drag and drop
Sourcesfolder into your project.
Usage
Inner Shadow in View
Use SwiftyInnerShadowView class as UIView to make this View has inner shadow.
- Use Storyboard
Set SwiftyInnerShadowView as UIView Class in the storyboard:
<table> <tr> <th> <img src="Tutorial/storyboard.png" width="220"/> </th> </tr> </table>then make an outlet
@IBOutlet weak var testView: SwiftyInnerShadowView!
- inner shadow properties
Set inner shadow propeties through
shadowLayerofSwiftyInnerShadowView
testView.shadowLayer.shadowRadius = 4
testView.shadowLayer.shadowColor = UIColor.red.cgColor
testView.shadowLayer.shadowOpacity = 0.8
testView.shadowLayer.shadowOffset = CGSize.zero
testView.cornerRadius = 120
Outer Shadow in View
You can set up outer shadow in view with default properties in UIView
imageView.layer.cornerRadius = 120
imageView.layer.shadowRadius = 20
imageView.layer.shadowOpacity = 0.8
imageView.layer.shadowColor = UIColor.black.cgColor
imageView.layer.shadowOffset = CGSize.zero
but shadow doesn't work if view has clipsToBounds = true, so just call generateOuterShadow function
imageView.generateOuterShadow()
Elliptical Shadow
You need set up shadow properties first, then call generateEllipticalShadow
imageView.layer.shadowRadius = 20
imageView.layer.shadowOpacity = 0.8
imageView.layer.shadowColor = UIColor.black.cgColor
imageView.layer.shadowOffset = CGSize.zero
imageView.generateEllipticalShadow()