Как анимировать движение вида без использования смещения?IOS

Программируем под IOS
Ответить
Anonymous
 Как анимировать движение вида без использования смещения?

Сообщение Anonymous »

Как мне анимировать перемещение вида слева направо, не используя что-то вроде модификатора .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
Ответить

Быстрый ответ

Изменение регистра текста: 
Смайлики
:) :( :oops: :roll: :wink: :muza: :clever: :sorry: :angel: :read: *x)
Ещё смайлики…
   
К этому ответу прикреплено по крайней мере одно вложение.

Если вы не хотите добавлять вложения, оставьте поля пустыми.

Максимально разрешённый размер вложения: 15 МБ.

Вернуться в «IOS»