Make the thumb shadow of CardPartMultiSlider configurable (#271)

Co-authored-by: Ryan Cole <[email protected]>

Author: rcole34

CardParts.podspec

@@ -8,7 +8,7 @@
 
 Pod::Spec.new do |s|
   s.name             = 'CardParts'
-  s.version          = '3.4.0'
+  s.version          = '3.5.0'
   s.platform         = :ios
   s.summary          = 'iOS Card UI framework.'
 

CardParts/src/Classes/CardPartMultiSlider+Internal.swift

@@ -141,18 +141,17 @@ extension CardPartMultiSlider {
     private func addThumbView() {
         let i = thumbViews.count
         let thumbView = UIImageView(image: thumbImage ?? defaultThumbImage)
-        thumbView.addShadow()
         thumbViews.append(thumbView)
         slideView.addConstrainedSubview(thumbView, constrain: NSLayoutConstraint.Attribute.center(in: orientation).perpendicularCenter)
         positionThumbView(i)
         thumbView.blur(disabledThumbIndices.contains(i))
         addValueLabel(i)
-        updateThumbViewShadowVisibility()
+        updateThumbViewShadow()
     }
 
-    func updateThumbViewShadowVisibility() {
+    func updateThumbViewShadow() {
         thumbViews.forEach {
-            $0.layer.shadowOpacity = showsThumbImageShadow ? 0.25 : 0
+            $0.addShadow(color: thumbShadowColor, opacity: showsThumbImageShadow ? thumbShadowOpacity : 0, offset: thumbShadowOffset, radius: thumbShadowRadius)
         }
     }
 

CardParts/src/Classes/CardPartMultiSlider.swift

@@ -101,10 +101,30 @@ open class CardPartMultiSlider: UIControl {
             invalidateIntrinsicContentSize()
         }
     }
-
+    
+    public dynamic var thumbShadowColor: UIColor = .gray {
+        didSet {
+            updateThumbViewShadow()
+        }
+    }
+    public dynamic var thumbShadowOpacity: Float = 0.25 {
+        didSet {
+            updateThumbViewShadow()
+        }
+    }
+    public dynamic var thumbShadowOffset: CGSize = CGSize(width: 0, height: 4) {
+        didSet {
+            updateThumbViewShadow()
+        }
+    }
+    public dynamic var thumbShadowRadius: CGFloat = 2 {
+        didSet {
+            updateThumbViewShadow()
+        }
+    }
     public dynamic var showsThumbImageShadow: Bool = true {
         didSet {
-            updateThumbViewShadowVisibility()
+            updateThumbViewShadow()
         }
     }
 

CardParts/src/Extensions/CardPartMultiSliderExtensions.swift

@@ -67,11 +67,11 @@ extension UIView {
         }
     }
 
-    func addShadow() {
-        layer.shadowColor = UIColor.gray.cgColor
-        layer.shadowOpacity = 0.25
-        layer.shadowOffset = CGSize(width: 0, height: 4)
-        layer.shadowRadius = 0.5
+    func addShadow(color: UIColor, opacity: Float, offset: CGSize, radius: CGFloat) {
+        layer.shadowColor = color.cgColor
+        layer.shadowOpacity = opacity
+        layer.shadowOffset = offset
+        layer.shadowRadius = radius
     }
 }
 

Example/CardParts/CardPartMultiSliderViewCardController.swift

@@ -27,6 +27,12 @@ class CardPartMultiSliderViewCardController: CardPartsViewController {
         cardPartMultiSliderView.outerTrackColor = .gray
         cardPartMultiSliderView.tintColor = .blue
 
+        cardPartMultiSliderView.thumbImage = UIImage(named: "star")
+        cardPartMultiSliderView.thumbShadowColor = .black
+        cardPartMultiSliderView.thumbShadowOpacity = 0.25
+        cardPartMultiSliderView.thumbShadowOffset = CGSize(width: 0, height: 2)
+        cardPartMultiSliderView.thumbShadowRadius = 6
+        
         setupCardParts([cardPartTextView, cardPartMultiSliderView])
     }
 }