Performance improved - Bug in blur fixed. Layout Fixed in example. Blurring in background thread

Author: PierrePerrin

ShadowView.podspec

@@ -16,7 +16,7 @@ Pod::Spec.new do |s|
   #
 
   s.name         = "ShadowView"
-  s.version      = '1.0.3'
+  s.version      = '1.1'
   s.summary      = "ShadowView makes view's shadow implementation easy and sweet"
 
   # This description is used to generate tags and improve search results.
@@ -65,7 +65,7 @@ DESC
   #
 
   # s.platform     = :ios
-s.ios.deployment_target = '8.1'
+  s.ios.deployment_target = '8.1'
 
   #  When using multiple platforms
   # s.ios.deployment_target = "5.0"

ShadowView/ShadowView/Info.plist

@@ -15,7 +15,7 @@
 	<key>CFBundlePackageType</key>
 	<string>FMWK</string>
 	<key>CFBundleShortVersionString</key>
-	<string>1.0.2</string>
+	<string>1.1</string>
 	<key>CFBundleVersion</key>
 	<string>$(CURRENT_PROJECT_VERSION)</string>
 	<key>NSPrincipalClass</key>

ShadowView/ShadowView/ShadowView+BlurProcess.swift

@@ -24,46 +24,45 @@ extension ShadowView{
         self.insertSubview(imageView,at:0)
     }
 
+    
+    
     func updateShadow(){
 
-        blurWork?.cancel()
-        self.shadowImageView.alpha = 0
-        blurWork = DispatchWorkItem(qos: DispatchQoS.userInteractive, flags: DispatchWorkItemFlags.noQoS) {
+        self.shadowImageView.image = nil
+        DispatchQueue.global(qos: DispatchQoS.QoSClass.utility).async {
             self.createLayerImage()
         }
-        blurWork?.perform()
     }
 
     private func createLayerImage(){
 
         let image = self.asImage
-        
-        
         let containerLayer = CALayer()
         let imageSize = image.size
-        containerLayer.frame = CGRect(origin: .zero, size: imageSize.scaled(by: scaleImageConstant))
+        containerLayer.frame = CGRect(origin: .zero, size: imageSize.scaled(by:self.scaleImageConstant))
         containerLayer.backgroundColor = UIColor.clear.cgColor
         let blurImageLayer = CALayer()
         blurImageLayer.frame = CGRect(origin: .zero,size: imageSize)
         blurImageLayer.position = CGPoint(x:containerLayer.bounds.midX,y:containerLayer.bounds.midY)
-        blurImageLayer.contents = image.cgImage
+        blurImageLayer.contents = image.applyBlurWithRadius(0, tintColor: self.shadowColor, saturationDeltaFactor: self.shadowSaturation)?.cgImage
 
-        blurImageLayer.masksToBounds = true
+        blurImageLayer.masksToBounds = false
         containerLayer.addSublayer(blurImageLayer)
-        
         let containerImage = containerLayer.asImage
-      
+        
+        
         let resizeImageConstant :CGFloat = 1
         guard let resizedContainerImage = containerImage.resized(withPercentage: resizeImageConstant),
-            let blurredImage = resizedContainerImage.applyBlurWithRadius(blurRadius, tintColor: self.shadowTintColor, saturationDeltaFactor: self.shadowSaturation)
+            let blurredImage = resizedContainerImage.applyBlur(blurRadius: self.blurRadius)
             else {
                 return
         }
 
         self.layer.masksToBounds = false
+        
         DispatchQueue.main.async {
             self.shadowImageView?.image = blurredImage
-            self.shadowImageView.alpha = 1
         }
+        
     }
 }

ShadowView/ShadowView/ShadowView.swift

@@ -8,9 +8,14 @@
 
 import UIKit
 
-@IBDesignable
 class ShadowView: UIView {
 
+    lazy var blurOperationQueue : OperationQueue = {
+        let operationQueue = OperationQueue.init()
+        operationQueue.maxConcurrentOperationCount = 1
+        operationQueue.qualityOfService = .userInteractive
+        return operationQueue
+    }()
     internal var blurWork : DispatchWorkItem?
     internal var blurRadius :CGFloat = 5.0
     var shadowImageView : UIImageView!
@@ -40,10 +45,12 @@ class ShadowView: UIView {
             self.updateShadow()
         }
     }
-    
-    @IBInspectable var shadowTintColor : UIColor = .clear{
-        didSet{
-            self.updateShadow()
+    private var shadowTintColor : UIColor?
+    override var shadowColor: UIColor?{
+        get{
+            return shadowTintColor
+        }set{
+            self.shadowTintColor = newValue
         }
     }
 
@@ -81,8 +88,9 @@ class ShadowView: UIView {
     override func layoutSubviews() {
         super.layoutSubviews()
 
-        self.shadowImageView.center = CGPoint(x:self.bounds.midX + self.shadowOffset.width,y:self.bounds.midY + self.shadowOffset.height)
         self.shadowImageView.frame.size = self.frame.size.scaled(by: correctShadowScale)
+        self.shadowImageView.center = CGPoint(x:self.bounds.midX + self.shadowOffset.width,y:self.bounds.midY + self.shadowOffset.height)
+        
     }
 
 }

ShadowView/ShadowView/UIImage+Size.swift

@@ -7,10 +7,10 @@
 //
 
 import UIKit
+import CoreGraphics
 
 extension UIImage{
 
-    
     /// Resize the image to a centain percentage
     ///
     /// - Parameter percentage: Percentage value
@@ -30,6 +30,34 @@ extension UIImage{
         draw(in: CGRect(origin: .zero, size: canvasSize))
         return UIGraphicsGetImageFromCurrentImageContext()
     }
+    
+    
+    func applyBlur(blurRadius:CGFloat) -> UIImage?{
+        
+        guard let ciImage = CIImage.init(image: self) else{return nil}
+        
+        if let filter = CIFilter(name: "CIGaussianBlur") {
+            
+            filter.setValue(ciImage, forKey: kCIInputImageKey)
+            filter.setValue(blurRadius, forKey: kCIInputRadiusKey)
+            let eaglContext =
+                EAGLContext(api: EAGLRenderingAPI.openGLES3)
+                    ??  EAGLContext(api: EAGLRenderingAPI.openGLES2)
+                    ??  EAGLContext(api: EAGLRenderingAPI.openGLES1)
+            
+            let context = eaglContext == nil ?
+                CIContext.init(options: nil)
+                : CIContext.init(eaglContext: eaglContext!)
+            
+            if let output = filter.outputImage,
+                let cgimg = context.createCGImage(output, from: ciImage.extent)
+            {
+                return UIImage(cgImage: cgimg)
+            }
+        }
+        
+        return nil
+    }
 }
 
 

ShadowView/ShadowView/UIView+Shadow.swift

@@ -8,7 +8,7 @@
 
 import UIKit
 
-@IBDesignable extension UIView{
+extension UIView{
 
     @IBInspectable public var shadowRadius : CGFloat{
         set{
@@ -29,6 +29,7 @@ import UIKit
         }
     }
 
+    
     @IBInspectable public var shadowColor : UIColor?{
         set{
             self.layer.shadowColor = newValue?.cgColor

ShadowView/ShadowViewExample/Base.lproj/Main.storyboard

@@ -1,5 +1,5 @@
 <?xml version="1.0" encoding="UTF-8"?>
-<document type="com.apple.InterfaceBuilder3.CocoaTouch.Storyboard.XIB" version="3.0" toolsVersion="12121" systemVersion="16G29" targetRuntime="iOS.CocoaTouch" propertyAccessControl="none" useAutolayout="YES" useTraitCollections="YES" colorMatched="YES" initialViewController="BYZ-38-t0r">
+<document type="com.apple.InterfaceBuilder3.CocoaTouch.Storyboard.XIB" version="3.0" toolsVersion="12121" systemVersion="16G29" targetRuntime="iOS.CocoaTouch" propertyAccessControl="none" useAutolayout="YES" useTraitCollections="YES" colorMatched="YES" initialViewController="2yo-QA-Q5K">
     <device id="retina4_7" orientation="portrait">
         <adaptation id="fullscreen"/>
     </device>
@@ -34,7 +34,7 @@
                                                         <rect key="frame" x="0.0" y="0.0" width="164" height="164"/>
                                                     </imageView>
                                                 </subviews>
-                                                <color key="backgroundColor" white="1" alpha="1" colorSpace="calibratedWhite"/>
+                                                <color key="backgroundColor" white="0.0" alpha="0.0" colorSpace="calibratedWhite"/>
                                                 <constraints>
                                                     <constraint firstItem="vHf-yD-evt" firstAttribute="leading" secondItem="Qad-Aw-0dt" secondAttribute="leading" id="F8S-mD-Gx6"/>
                                                     <constraint firstItem="vHf-yD-evt" firstAttribute="top" secondItem="Qad-Aw-0dt" secondAttribute="top" id="NLP-rv-hKW"/>
@@ -55,7 +55,7 @@
                                             </view>
                                             <view contentMode="scaleToFill" translatesAutoresizingMaskIntoConstraints="NO" id="6Ol-O2-TVX">
                                                 <rect key="frame" x="177.5" y="0.0" width="0.0" height="163.5"/>
-                                                <color key="backgroundColor" white="1" alpha="1" colorSpace="calibratedWhite"/>
+                                                <color key="backgroundColor" white="0.0" alpha="0.0" colorSpace="calibratedWhite"/>
                                             </view>
                                             <imageView userInteractionEnabled="NO" contentMode="scaleToFill" horizontalHuggingPriority="251" verticalHuggingPriority="251" image="sample.jpg" translatesAutoresizingMaskIntoConstraints="NO" id="lUd-IE-JvU">
                                                 <rect key="frame" x="191.5" y="0.0" width="163.5" height="163.5"/>
@@ -145,6 +145,13 @@
                                                     <action selector="CHANGEiMAGE:" destination="BYZ-38-t0r" eventType="touchUpInside" id="NQj-UR-3dy"/>
                                                 </connections>
                                             </button>
+                                            <button opaque="NO" contentMode="scaleToFill" contentHorizontalAlignment="center" contentVerticalAlignment="center" buttonType="roundedRect" lineBreakMode="middleTruncation" translatesAutoresizingMaskIntoConstraints="NO" id="6L8-Zs-6ak">
+                                                <rect key="frame" x="154" y="105.5" width="46" height="30"/>
+                                                <state key="normal" title="Example 2"/>
+                                                <connections>
+                                                    <segue destination="eyZ-MG-Krp" kind="show" id="N3F-ta-bli"/>
+                                                </connections>
+                                            </button>
                                         </subviews>
                                     </stackView>
                                 </subviews>
@@ -158,6 +165,7 @@
                             <constraint firstItem="aRm-CH-5SG" firstAttribute="leading" secondItem="8bC-Xf-vdC" secondAttribute="leading" constant="10" id="z7B-Gz-Hns"/>
                         </constraints>
                     </view>
+                    <navigationItem key="navigationItem" id="3O5-fH-0lt"/>
                     <connections>
                         <outlet property="exampleView" destination="Qad-Aw-0dt" id="mbP-Vw-Wru"/>
                         <outlet property="imageviEW" destination="vHf-yD-evt" id="wMS-ko-wIC"/>
@@ -166,7 +174,7 @@
                 </viewController>
                 <placeholder placeholderIdentifier="IBFirstResponder" id="dkx-z0-nzr" sceneMemberID="firstResponder"/>
             </objects>
-            <point key="canvasLocation" x="32.799999999999997" y="37.331334332833585"/>
+            <point key="canvasLocation" x="972" y="37.331334332833585"/>
         </scene>
         <!--Example Prog View Controller-->
         <scene sceneID="aLN-2f-fD6">
@@ -179,19 +187,30 @@
                     <view key="view" contentMode="scaleToFill" id="BGP-dz-rCo">
                         <rect key="frame" x="0.0" y="0.0" width="375" height="667"/>
                         <autoresizingMask key="autoresizingMask" widthSizable="YES" heightSizable="YES"/>
-                        <subviews>
-                            <view contentMode="scaleToFill" fixedFrame="YES" translatesAutoresizingMaskIntoConstraints="NO" id="OUB-oa-7c3">
-                                <rect key="frame" x="60" y="173" width="272" height="204"/>
-                                <autoresizingMask key="autoresizingMask" flexibleMaxX="YES" flexibleMaxY="YES"/>
-                                <color key="backgroundColor" white="1" alpha="1" colorSpace="calibratedWhite"/>
-                            </view>
-                        </subviews>
                         <color key="backgroundColor" white="1" alpha="1" colorSpace="calibratedWhite"/>
                     </view>
                 </viewController>
                 <placeholder placeholderIdentifier="IBFirstResponder" id="t1F-hl-Peh" userLabel="First Responder" sceneMemberID="firstResponder"/>
             </objects>
-            <point key="canvasLocation" x="757.60000000000002" y="36.431784107946029"/>
+            <point key="canvasLocation" x="1696.8" y="36.431784107946029"/>
+        </scene>
+        <!--Navigation Controller-->
+        <scene sceneID="6Yb-BS-Y7d">
+            <objects>
+                <navigationController automaticallyAdjustsScrollViewInsets="NO" id="2yo-QA-Q5K" sceneMemberID="viewController">
+                    <toolbarItems/>
+                    <navigationBar key="navigationBar" contentMode="scaleToFill" id="1wj-Bh-OUo">
+                        <rect key="frame" x="0.0" y="0.0" width="375" height="44"/>
+                        <autoresizingMask key="autoresizingMask"/>
+                    </navigationBar>
+                    <nil name="viewControllers"/>
+                    <connections>
+                        <segue destination="BYZ-38-t0r" kind="relationship" relationship="rootViewController" id="ejb-XO-rg0"/>
+                    </connections>
+                </navigationController>
+                <placeholder placeholderIdentifier="IBFirstResponder" id="Atv-8L-pkd" userLabel="First Responder" sceneMemberID="firstResponder"/>
+            </objects>
+            <point key="canvasLocation" x="246" y="36"/>
         </scene>
     </scenes>
     <resources>

ShadowView/ShadowViewExample/ExampleProgViewController.swift

@@ -20,19 +20,25 @@ class ExampleProgViewController: UIViewController {
         exampleShadowContainerView.autoresizingMask = [.flexibleWidth,.flexibleHeight]
         exampleShadowContainerView.shadowOffset = CGSize(width: 0, height: 10)
         exampleShadowContainerView.shadowRadius = 20
+        imageView.frame.size = CGSize(width: 200, height: 200)
+        imageView.center = exampleShadowContainerView.center
 
         self.view.addSubview(exampleShadowContainerView)
         self.exampleShadowContainerView.addSubview(imageView)
-        imageView.center = exampleShadowContainerView.center
+        
+    }
+    override func viewWillAppear(_ animated: Bool) {
+        super.viewWillAppear(animated)
+        self.exampleShadowContainerView.updateShadow()
     }
 
     override func viewDidLayoutSubviews() {
         super.viewDidLayoutSubviews()
-        imageView.frame.size = CGSize(width: 200, height: 200)
-        imageView.center = exampleShadowContainerView.center
+        self.imageView.center = exampleShadowContainerView.center
         self.exampleShadowContainerView.updateShadow()
     }
 
+    
     override func didReceiveMemoryWarning() {
         super.didReceiveMemoryWarning()
         // Dispose of any resources that can be recreated.

ShadowView/ShadowViewExample/ViewController.swift

@@ -24,6 +24,7 @@ class ViewController: UIViewController {
     }
 
     @IBAction func blurSlider(_ sender: UISlider) {
+        sender.isContinuous = false
 
         self.exampleView.shadowRadius = CGFloat(sender.value * 50)
         self.otherImage.shadowRadius = CGFloat(sender.value * 50)