@ObservedObject var wheelPickerModifierData = ABWheelPickerModifierData() ... self.wheelPickerModifierData.minimumValue = 30 self.wheelPickerModifierData.maximumValue = 750 // The step value must be between 0 and 60. self.wheelPickerModifierData.step = 30 ... YourView.modifier(ABWheelPickerModifier(wheelPickerModifierData))

// // ContentView.swift // Shared // // Created by Abenx on 2020/10/28. // import SwiftUI import ABWheelPickerModifier struct WheelPickerView: View { @ObservedObject var wheelPickerModifierData = ABWheelPickerModifierData() @State private var isActive: Bool = false { didSet { #if os(iOS) UIImpactFeedbackGenerator(style: .soft).impactOccurred() #endif } } var body: some View { func internalView(geometry: GeometryProxy) -> some View { return VStack(spacing: 20) { Text("\(Int(self.wheelPickerModifierData.value))") ZStack { ZStack { Circle() .fill(Color.accentColor) .frame(width: geometry.size.width, height: geometry.size.width, alignment: .center) Circle() .fill(Color.black.opacity(0.2)) .frame( width: geometry.size.width/5, height: geometry.size.width/5, alignment: .center ) .offset(x: geometry.size.width * 0.36, y: 0) } .accentColor(Color.blue.opacity(Double(self.wheelPickerModifierData.value/CGFloat(self.wheelPickerModifierData.maximumValue)))) .scaleEffect(self.isActive ? 1.2 : 1) .modifier(ABWheelPickerModifier(wheelPickerModifierData, dragGestureOnChanged: { _ in withAnimation { self.isActive = true } }, dragGestureOnEnded: { _ in withAnimation { self.isActive = false } }, minimumValueOnChanged: { _ in #if os(iOS) UIImpactFeedbackGenerator(style: .light).impactOccurred() #endif withAnimation { self.isActive = false } }, maximumValueOnChanged: { _ in #if os(iOS) UIImpactFeedbackGenerator(style: .light).impactOccurred() #endif withAnimation { self.isActive = false } })) .frame(width: geometry.size.width, height: geometry.size.width, alignment: .center) Circle() .fill(Color.accentColor.opacity(0.8)) .frame(width: geometry.size.width * 0.45, height: geometry.size.width * 0.45, alignment: .center) .highPriorityGesture(TapGesture(count: 2) .onEnded { value in self.wheelPickerModifierData.reset() self.isActive = false #if os(iOS) UIImpactFeedbackGenerator(style: .soft).impactOccurred() #endif }, including: .gesture) } } .shadow(color: Color.black.opacity(0.25), radius: 10, x: 0, y: 5) } return GeometryReader(content: internalView(geometry:)) } } struct WheelPickerView_Previews: PreviewProvider { static var previews: some View { WheelPickerView() .padding(100) .accentColor(.pink) } }