Add options for stack options

Author: Amir Khorsandi

Samples/PagingLayoutSamples/Modules/LayoutDesigner/LayoutDesignerViewModel.swift

@@ -87,11 +87,77 @@ class LayoutDesignerViewModel {
                 self?.update(options: &options, closure: $0)
             }
 
+            optionViewModels = [
+                .init(title: "Scale factor", kind: .singleSlider(current: options.scaleFactor) { n in
+                    update { $0.scaleFactor = n }
+                    }),
+                .init(title: "Min scale", kind: .singleSlider(current: options.minScale) { n in
+                    update { $0.minScale = n }
+                    }),
+                .init(title: "Max scale", kind: .singleSlider(current: options.maxScale) { n in
+                    update { $0.maxScale = n }
+                    }),
+                .init(title: "Spacing factor", kind: .singleSlider(current: options.spacingFactor) { n in
+                    update { $0.spacingFactor = n }
+                    }),
+                .init(title: "Max spacing", kind: .singleSlider(current: options.maxSpacing) { n in
+                    update { $0.maxSpacing = n }
+                    }),
+                .init(title: "Alpha factor", kind: .singleSlider(current: options.alphaFactor) { n in
+                    update { $0.alphaFactor = n }
+                    }),
+                .init(title: "Bottom stack alpha speed factor", kind: .singleSlider(current: options.bottomStackAlphaSpeedFactor) { n in
+                    update { $0.bottomStackAlphaSpeedFactor = n }
+                    }),
+                .init(title: "Top stack alpha speed factor", kind: .singleSlider(current: options.topStackAlphaSpeedFactor) { n in
+                    update { $0.topStackAlphaSpeedFactor = n }
+                    }),
+                .init(title: "Perspective ratio", kind: .singleSlider(current: options.perspectiveRatio) { n in
+                    update { $0.perspectiveRatio = n }
+                    }),
+                .init(title: "Shadow enabled", kind: .toggleSwitch(current: options.shadowEnabled) { n in
+                    update { $0.shadowEnabled = n }
+                    }),
+                .init(title: "Shadow opacity", kind: .singleSlider(current: CGFloat(options.shadowOpacity)) { n in
+                    update { $0.shadowOpacity = Float(n) }
+                    }),
+                .init(title: "Shadow offset", kind: .doubleSlider(current: options.shadowOffset.pair) { n in
+                    update { $0.shadowOffset = .by(pair: n) }
+                    }),
+                .init(title: "Shadow radius", kind: .singleSlider(current: options.shadowRadius) { n in
+                    update { $0.shadowRadius = n }
+                    }),
+                .init(title: "Rotate angel", kind: .singleSlider(current: options.stackRotateAngel) { n in
+                    update { $0.stackRotateAngel = n }
+                    }),
+                .init(title: "Pop angle", kind: .singleSlider(current: options.popAngle) { n in
+                    update { $0.popAngle = n }
+                    }),
+                .init(title: "Pop offset ratio", kind: .doubleSlider(current: options.popOffsetRatio.pair) { n in
+                    update { $0.popOffsetRatio = .by(pair: n) }
+                    }),
+                .init(title: "Stack position", kind: .doubleSlider(current: options.stackPosition.pair) { n in
+                    update { $0.stackPosition = .by(pair: n) }
+                    }),
+                .init(title: "Reverse", kind: .toggleSwitch(current: options.reverse) { n in
+                    update { $0.reverse = n }
+                    }),
+                .init(title: "Blur effect enabled", kind: .toggleSwitch(current: options.blurEffectEnabled) { n in
+                    update { $0.blurEffectEnabled = n }
+                    }),
+                .init(title: "Max blur radius", kind: .singleSlider(current: options.maxBlurEffectRadius) { n in
+                    update { $0.maxBlurEffectRadius = n }
+                    }),
+                .init(title: "Blur effect style", kind: .segmented(options: UIBlurEffect.Style.all.map(\.name), current: options.blurEffectStyle.name) { n in
+                    update { $0.blurEffectStyle = .by(name: n)! }
+                    })
+            ]
         } else if var options = selectedLayout.snapshotOptions {
             updateCodePreview(options: options)
             let update: ((inout SnapshotTransformViewOptions) -> Void) -> Void = {  [weak self] in
                 self?.update(options: &options, closure: $0)
             }
         }
     }
+    
 }

Samples/PagingLayoutSamples/Modules/LayoutDesigner/Options/cell/LayoutDesignerOptionCell.swift

@@ -135,8 +135,8 @@ class LayoutDesignerOptionCell: UITableViewCell, NibBased {
         case let .singleSlider(current, onChange):
             slider1.isHidden = false
             input1.isHidden = false
-            input1.set(value: current)
-            slider1.value = Float(current)
+            input1.set(value: current ?? 0)
+            slider1.value = Float(current ?? 0)
             onSlider1Change = onChange
 
         case let .doubleSlider(current, onChange):

Samples/PagingLayoutSamples/Modules/LayoutDesigner/Options/cell/LayoutDesignerOptionCellViewModel.swift

@@ -14,7 +14,7 @@ class LayoutDesignerOptionCellViewModel {
     // MARK: Constants
 
     enum Kind {
-        case singleSlider(current: CGFloat, onChange: (CGFloat) -> Void)
+        case singleSlider(current: CGFloat?, onChange: (CGFloat) -> Void)
         case doubleSlider(current: (CGFloat, CGFloat)?, onChange: ((CGFloat, CGFloat)) -> Void)
         case toggleSwitch(current: Bool, onChange: (Bool) -> Void)
         case segmented(options: [String], current: String?, onChange: (String) -> Void)