In UIKit this could be done with code like this:
if button.frame.contains(sender.location(in: rightStackView)) { ... }
but in SwiftUI I can't seem to find anything similar to frame.contains
,
so how can I find out when the drag is inside a specific button or other view?
Ok, it is a bit a lot of code, so I simplified it as much as possible just to demo possible approach (w/o frame overlapping, dragging relocation, floating drag item, etc.). Moreover it is not clear from the question for what it will be used. Anyway, hope this demo will be useful somehow.
Note: used Xcode 11.2
Here is the result
Here is one module demo code with Preview provider
import SwiftUI
struct DestinationDataKey: PreferenceKey {
typealias Value = [DestinationData]
static var defaultValue: [DestinationData] = []
static func reduce(value: inout [DestinationData], nextValue: () -> [DestinationData]) {
value.append(contentsOf: nextValue())
}
}
struct DestinationData: Equatable {
let destination: Int
let frame: CGRect
}
struct DestinationDataSetter: View {
let destination: Int
var body: some View {
GeometryReader { geometry in
Rectangle()
.fill(Color.clear)
.preference(key: DestinationDataKey.self,
value: [DestinationData(destination: self.destination, frame: geometry.frame(in: .global))])
}
}
}
struct DestinationView: View {
@Binding var active: Int
let label: String
let id: Int
var body: some View {
Button(action: {}, label: {
Text(label).padding(10).background(self.active == id ? Color.red : Color.green)
})
.background(DestinationDataSetter(destination: id))
}
}
struct TestDragging: View {
@State var active = 0
@State var destinations: [Int: CGRect] = [:]
var body: some View {
VStack {
Text("Drag From Here").padding().background(Color.yellow)
.gesture(DragGesture(minimumDistance: 0.1, coordinateSpace: .global)
.onChanged { value in
self.active = 0
for (id, frame) in self.destinations {
if frame.contains(value.location) {
self.active = id
}
}
}
.onEnded { value in
// do something on drop
self.active = 0
}
)
Divider()
DestinationView(active: $active, label: "Drag Over Me", id: 1)
}.onPreferenceChange(DestinationDataKey.self) { preferences in
for p in preferences {
self.destinations[p.destination] = p.frame
}
}
}
}
struct TestDragging_Previews: PreviewProvider {
static var previews: some View {
TestDragging()
}
}
If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!
Donate Us With