如何解决SwiftUI 拖动手势适用于父视图
我已经对 Foreach 视图中的图像视图应用了一个带有一些动作的拖动手势,但是当我拖动图像时 - 它在视觉上拖动父视图中的所有图像,甚至在其他带有图像的 Foreach 视图中。不过,应用于所选图像的操作可以正常工作。如何仅使选定的图像移动而所有其他图像保持静止?
手势变量:
@State var position = CGSize.zero
@GestureState private var dragOffset = CGSize.zero
有代码:
ScrollView(.horizontal) {
HStack(alignment: .center,spacing: 0) {
ForEach ((0..<player.playersCards.count),id: \.self) {number in
VStack {
Image(player.playersCards[number].pic)
.resizable()
.modifier(CardStyle())
.offset(dragOffset)
.gesture(
DragGesture()
.updating($dragOffset,body: { (value,state,transaction) in
state = value.translation
})
.onEnded({ (value) in
self.position.height += value.translation.height
self.position.width += value.translation.width
//player's turn
})
)
.animation(.spring())
Text("\(ai.getPower(card: player.playersCards[number]))")
.modifier(TextModifier())
}
}
}
}
解决方法
你必须为 playersCards 定义 number 就像你定义 pic 那样,它必须从 0 开始到你的最后一张卡片,然后使用此向下拖动代码
ScrollView(.horizontal) {
HStack(alignment: .center,spacing: 0) {
ForEach ((0..<player.playersCards.count),id: \.self) {number in
VStack {
Image(player.playersCards[number].pic)
.resizable()
.modifier(CardStyle())
.offset(dragOffset)
.gesture(
DragGesture()
.updating($dragOffset,body: { (value,state,transaction) in
if player.playersCards[number].number == number { // <<: Here
state = value.translation
}
})
.onEnded({ (value) in
if player.playersCards[number].number == number { // <<: Here
self.position.height += value.translation.height
self.position.width += value.translation.width
}
//player's turn
})
)
.animation(.spring())
Text("\(ai.getPower(card: player.playersCards[number]))")
.modifier(TextModifier())
}
}
}
}
,
这是因为您在 forEach
中的所有 图像 都设置为单个 @GestureState
属性,所以当一个被拖动时,所有映射到它都会被拖动到 body 刷新。您可以使用单独的 array
将卡片的每个拖动状态唯一地存储在特定索引处。
struct LanguageView: View {
@State var position = CGSize.zero
@GestureState private var dragOffset:[CGSize]
init() {
let dragOffsets = [CGSize](repeating: CGSize.zero,count: 5) // Initialise with your model array count
_dragOffset = GestureState(wrappedValue: dragOffsets)
}
var body: some View {
ScrollView(.horizontal) {
HStack(alignment: .center,spacing: 5) {
ForEach ((0..<5)) {number in
VStack {
Image("ABC")
.resizable()
.frame(width: 300,height: 100)
//.modifier(CardStyle())
.offset(dragOffset[number])
.gesture(
DragGesture()
.updating($dragOffset,body: { (new,existing,transaction) in
existing[number] = new.translation
})
.onEnded({ (value) in
self.position.height += value.translation.height
self.position.width += value.translation.width
//player's turn
})
)
.animation(.spring())
Text("Foo")
// .modifier(TextModifier())
}
}
}
}.frame(width: 500,height: 100)
}
}
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。