👆Long Press
import SwiftUI
struct ContentView: View {
// star image size state (true: small, false: big)
@State private var isSmallStar = false
// ⭐️ `@GestureState` tracks the state change of a gesture
// `isStarPressed` indicates whether a tap event is detected
@GestureState private var isStarPressed = false
var body: some View {
Image(systemName: "star.circle.fill")
.font(.system(size: 200))
// ⭐️ dimmer when star is pressed
.opacity(isStarPressed ? 0.4 : 1)
.scaleEffect(isSmallStar ? 0.5 : 1.0)
.animation(.easeInOut)
.foregroundColor(.yellow)
.overlay(
Text(verbatim: "\(isStarPressed)")
.foregroundColor(isStarPressed ? .pink : .secondary)
)
.gesture(
LongPressGesture(minimumDuration: 1.0)
// on pressed: (tap and hold)
// ⭐️ update `@GestureState` var as the gesture's value changes.
// • value: LongPressGesture.Value == Bool (current value)
// gesture's current value (`true` indicates a tap is detected)
// • state: inout State == Bool (previous gesture's value)
// `state` == `isStarPressed` in this case
// • transaction:
// stores the "context"(?) of the gesture.
.updating($isStarPressed) { (value, state, _) in
// ⭐️ save current value (is pressed or not?)
state = value
}
// on long pressed:
// • value: LongPressGesture.Value == Bool (gesture's final value)
// 🔸 註：
// 只有時間超過 `minimumDuration` 才會引發 onEnded❗️
// 而且 `isStarPressed` 會馬上變為 false❗️
.onEnded { _ in
// ⭐️ toggle image size when long pressed
isSmallStar.toggle()
}
)
}
}Last updated