Customize slider height and track colors (#220)

intuit · Jan 10, 2020 · b225289 · b225289
1 parent b137d65
commit b225289
Show file tree

Hide file tree

Showing 2 changed files with 31 additions and 2 deletions.
diff --git a/CardParts/src/Classes/Card Parts/CardPartSliderView.swift b/CardParts/src/Classes/Card Parts/CardPartSliderView.swift
@@ -12,7 +12,22 @@ import RxCocoa
 public class CardPartSliderView : UISlider, CardPartView {
 
     public var margins: UIEdgeInsets = CardParts.theme.cardPartMargins
+    public var height: CGFloat
 
+    public init(height: CGFloat = 3.0) {
+        self.height = height
+        super.init(frame: CGRect.zero)
+    }
+
+    required init?(coder: NSCoder) {
+        fatalError("init(coder:) has not been implemented")
+    }
+
+    override public func trackRect(forBounds bounds: CGRect) -> CGRect {
+        let customBounds = CGRect(origin: bounds.origin, size: CGSize(width: bounds.size.width, height: self.height))
+        super.trackRect(forBounds: customBounds)
+        return customBounds
+    }
 }
 
 extension Reactive where Base: CardPartSliderView {
@@ -28,4 +43,16 @@ extension Reactive where Base: CardPartSliderView {
             sliderView.maximumValue = maximumValue
         }
     }
+
+    public var minimumTrackTintColor: Binder<UIColor> {
+        return Binder(self.base) { (sliderView, minimumTrackTintColor) -> () in
+            sliderView.minimumTrackTintColor = minimumTrackTintColor
+        }
+    }
+
+    public var maximumTrackTintColor: Binder<UIColor> {
+        return Binder(self.base) { (sliderView, maximumTrackTintColor) -> () in
+            sliderView.maximumTrackTintColor = maximumTrackTintColor
+        }
+    }
 }
diff --git a/Example/CardParts/CardPartSliderViewCardController.swift b/Example/CardParts/CardPartSliderViewCardController.swift
@@ -12,7 +12,7 @@ import CardParts
 class CardPartSliderViewCardController: CardPartsViewController {
 
     let cardPartTextView = CardPartTextView(type: .normal)
-    let cardPartSliderView = CardPartSliderView()
+    let cardPartSliderView = CardPartSliderView(height: 8)
 
     override func viewDidLoad() {
         super.viewDidLoad()
@@ -22,7 +22,9 @@ class CardPartSliderViewCardController: CardPartsViewController {
         cardPartSliderView.minimumValue = 0
         cardPartSliderView.maximumValue = 100
         cardPartSliderView.value = 50
+        cardPartSliderView.minimumTrackTintColor = .blue
+        cardPartSliderView.maximumTrackTintColor = .green
 
-        setupCardParts([cardPartTextView, cardPartSliderView])
+        setupCardParts([cardPartTextView, CardPartSpacerView(height: 10), cardPartSliderView])
     }
 }