Как мне анимировать перемещение вида слева направо, не используя что-то вроде модификатора .offset? Я думал, что если SwiftUI увидит, что представление с тем же идентификатором исчезнет в одном месте и появится в другом, он анимирует переход между ними, но это не сработало, как я ожидал.
Здесь нажатие «Поменять местами» удаляет знак «Тест» из левой стопки и добавляет ее в правую стопку. Как мне анимировать этот переход, чтобы вид «Тест» двигался, а не прыгал?
[img]https://i .sstatic.net/82Z6Cq6T.gif[/img]
import SwiftUI
struct Sign: Identifiable {
let id = UUID()
let text: String
}
struct SignView: View {
@State var sign: Sign
var body: some View {
Text(sign.text)
.frame(width: 75, height: 25, alignment: .center)
.foregroundStyle(Color.white)
.background(Color.blue)
}
}
class SignManager: ObservableObject {
@Published var leftSlot: Sign?
@Published var rightSlot: Sign?
}
struct MotionTestView: View {
@ObservedObject var manager = SignManager()
var body: some View {
VStack {
HStack {
ZStack {
Text("Empty")
.frame(width: 75, height: 25, alignment: .center)
.foregroundStyle(Color.white)
.background(Color.blue.opacity(0.3))
if let sign = manager.leftSlot {
SignView(sign: sign)
.id(sign.id)
}
}
ZStack {
Text("Empty")
.frame(width: 75, height: 25, alignment: .center)
.foregroundStyle(Color.white)
.background(Color.blue.opacity(0.3))
if let sign = manager.rightSlot {
SignView(sign: sign)
.id(sign.id)
}
}
}
Button("Swap", action: {
withAnimation {
(manager.leftSlot, manager.rightSlot) = (manager.rightSlot, manager.leftSlot)
}
})
}
.onAppear {
withAnimation {
manager.leftSlot = Sign(text: "Test")
manager.rightSlot = nil
}
}
}
}
Подробнее здесь: https://stackoverflow.com/questions/787 ... ing-offset
