| @@ -0,0 +1,141 @@ |
| 1 | import SwiftUI |
| 2 | |
| 3 | struct SwipeCircleAction { |
| 4 | let label: String |
| 5 | let systemImage: String |
| 6 | let color: Color |
| 7 | let handler: () -> Void |
| 8 | } |
| 9 | |
| 10 | struct TicketCircleSwipeRow<Content: View>: View { |
| 11 | let content: Content |
| 12 | let leadingAction: SwipeCircleAction? |
| 13 | let trailingAction: SwipeCircleAction? |
| 14 | |
| 15 | @State private var offset: CGFloat = 0 |
| 16 | |
| 17 | private let circleSize: CGFloat = 60 |
| 18 | private let revealDistance: CGFloat = 88 |
| 19 | private let triggerDistance: CGFloat = 140 |
| 20 | |
| 21 | init( |
| 22 | leadingAction: SwipeCircleAction? = nil, |
| 23 | trailingAction: SwipeCircleAction? = nil, |
| 24 | @ViewBuilder content: () -> Content |
| 25 | ) { |
| 26 | self.leadingAction = leadingAction |
| 27 | self.trailingAction = trailingAction |
| 28 | self.content = content() |
| 29 | } |
| 30 | |
| 31 | var body: some View { |
| 32 | ZStack(alignment: .center) { |
| 33 | if leadingAction != nil { |
| 34 | HStack { |
| 35 | leadingCircle |
| 36 | .padding(.leading, 16) |
| 37 | Spacer() |
| 38 | } |
| 39 | } |
| 40 | |
| 41 | if trailingAction != nil { |
| 42 | HStack { |
| 43 | Spacer() |
| 44 | trailingCircle |
| 45 | .padding(.trailing, 16) |
| 46 | } |
| 47 | } |
| 48 | |
| 49 | content |
| 50 | .offset(x: clampedOffset) |
| 51 | .gesture(dragGesture) |
| 52 | } |
| 53 | .clipped() |
| 54 | } |
| 55 | |
| 56 | @ViewBuilder |
| 57 | private var leadingCircle: some View { |
| 58 | if let action = leadingAction { |
| 59 | let progress = min(max(offset / revealDistance, 0), 1) |
| 60 | circleButton(action: action, progress: progress) |
| 61 | } |
| 62 | } |
| 63 | |
| 64 | @ViewBuilder |
| 65 | private var trailingCircle: some View { |
| 66 | if let action = trailingAction { |
| 67 | let progress = min(max(-offset / revealDistance, 0), 1) |
| 68 | circleButton(action: action, progress: progress) |
| 69 | } |
| 70 | } |
| 71 | |
| 72 | @ViewBuilder |
| 73 | private func circleButton(action: SwipeCircleAction, progress: CGFloat) -> some View { |
| 74 | Button { |
| 75 | fire(action) |
| 76 | } label: { |
| 77 | VStack(spacing: 5) { |
| 78 | ZStack { |
| 79 | Circle() |
| 80 | .fill(action.color) |
| 81 | .frame(width: circleSize, height: circleSize) |
| 82 | |
| 83 | Image(systemName: action.systemImage) |
| 84 | .font(.system(size: 22, weight: .medium)) |
| 85 | .foregroundStyle(.white) |
| 86 | } |
| 87 | |
| 88 | Text(action.label) |
| 89 | .font(.caption2.weight(.medium)) |
| 90 | .foregroundStyle(.white) |
| 91 | } |
| 92 | } |
| 93 | .buttonStyle(.plain) |
| 94 | .opacity(progress) |
| 95 | .scaleEffect(0.7 + 0.3 * progress, anchor: .center) |
| 96 | .animation(.spring(duration: 0.2), value: progress) |
| 97 | } |
| 98 | |
| 99 | private var clampedOffset: CGFloat { |
| 100 | if offset > 0 { |
| 101 | return leadingAction != nil ? min(offset, revealDistance + 16) : 0 |
| 102 | } else { |
| 103 | return trailingAction != nil ? max(offset, -(revealDistance + 16)) : 0 |
| 104 | } |
| 105 | } |
| 106 | |
| 107 | private var dragGesture: some Gesture { |
| 108 | DragGesture(minimumDistance: 12, coordinateSpace: .local) |
| 109 | .onChanged { value in |
| 110 | let dx = value.translation.width |
| 111 | if dx > 0, leadingAction != nil { |
| 112 | offset = dx |
| 113 | } else if dx < 0, trailingAction != nil { |
| 114 | offset = dx |
| 115 | } |
| 116 | } |
| 117 | .onEnded { value in |
| 118 | let dx = value.translation.width |
| 119 | if dx > triggerDistance, let action = leadingAction { |
| 120 | fire(action) |
| 121 | } else if dx < -triggerDistance, let action = trailingAction { |
| 122 | fire(action) |
| 123 | } else { |
| 124 | snapBack() |
| 125 | } |
| 126 | } |
| 127 | } |
| 128 | |
| 129 | private func fire(_ action: SwipeCircleAction) { |
| 130 | snapBack() |
| 131 | DispatchQueue.main.asyncAfter(deadline: .now() + 0.15) { |
| 132 | action.handler() |
| 133 | } |
| 134 | } |
| 135 | |
| 136 | private func snapBack() { |
| 137 | withAnimation(.spring(duration: 0.35, bounce: 0.2)) { |
| 138 | offset = 0 |
| 139 | } |
| 140 | } |
| 141 | } |