| @@ -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 | } |