Как показать новый вид после некоторой задержки SwiftUI

Итак, я создаю симулятор блэкджека, и сейчас моя задача - сделать его более реалистичным. Когда я нажимаю кнопку «Hit Me», мне нужна задержка перед загрузкой моей следующей карты. Точно так же, когда уходит следующий игрок, мне тоже нужна задержка. Итак, прямо сейчас у меня есть просмотр для игрока: просмотр рук и просмотр карт. Игрок и рука являются наблюдаемыми.

    var body: some View {
        HStack {
            VStack(alignment: .trailing, spacing: 0){
                ForEach(0..<self.player.hands.count, id: \.self) {
                    index in ZStack {
                        Spacer()
                        HandView.init(hand: self.player.hands[index])
                    }
                }
                Spacer().frame(height: 45)
                Text(self.player.id).bold().font(Font.system(size: 20))
                Spacer()
            }
            .padding(.all)
            if !player.isRobot{
                VStack{Button(action: {
                    self.player.requestCard()
                }, label: {
                    Text("Hit Me!")
                })
                    Button(action: {
                        self.player.handleInput(turn: turnPosibilities.stay)
                        self.player.objectWillChange.send()
                    }, label: {
                        Text("Stay")
                    })}
                    .offset(x: 10, y: 0)}
        }
    }
    @ObservedObject var hand:Hand
    var bust: some View {
        GeometryReader { geometry in
            Path { path in
                path.move(to: CGPoint.init(x: geometry.frame(in: .local).midX, y: CGFloat(geometry.frame(in: .local).midY)))
                path.addLine(to: CGPoint.init(x: geometry.frame(in: .local).minX, y: geometry.frame(in: .local).minY))
                path.addLine(to: CGPoint.init(x: geometry.frame(in: .local).minX, y: geometry.frame(in: .local).maxY))
                path.addLine(to: CGPoint.init(x: geometry.frame(in: .local).maxX, y: geometry.frame(in: .local).maxY))
                path.addLine(to: CGPoint.init(x: geometry.frame(in: .local).maxX, y: geometry.frame(in: .local).minY))
            }
            .fill(Color.red)
        }
    }

    var body: some View {
        ZStack
            {ForEach(0..<self.hand.cards.count, id: \.self){
                card in
                VStack(alignment: .leading, spacing: 2) {PlayingCardView(rank: self.hand.cards[card].rankRaw, suit: self.hand.cards[card].suit, isFaceUp: self.hand.cards[card].isFaceUp ).rotationEffect(Angle.init(degrees: Double(multiply(index: card, offset: 10))))
                    .offset(x: multiply(index: card, offset: 15), y: multiply(index: card, offset: 40))

                }
                }

        }
    }
}
        ZStack{
            if isFaceUp {
                Rectangle().frame(width: 130, height:182).foregroundColor(Color.init(#colorLiteral(red: 0.9999127984, green: 1, blue: 0.9998814464, alpha: 1))).cornerRadius(25).overlay(Image(self.suit.rawValue).resizable().aspectRatio(contentMode: .fit).padding(.all))
                Text(String(self.rank)).font(.custom("Poppins-SemiBoldItalic", size: 40)).offset(x: 29, y: -70)
                Text(String(self.rank)).font(.custom("Poppins-SemiBoldItalic", size: 40)).offset(x: 29, y: -70).rotationEffect(Angle.init(degrees: 180))
            }
            else {
                Rectangle().frame(width: 130, height:182).foregroundColor(Color.init(UIColor(red: 0.58, green: 0.65, blue: 0.65, alpha: 1.00)
                )).cornerRadius(25)
            }
        }.clipShape(RoundedRectangle(cornerRadius: 25)).overlay(RoundedRectangle(cornerRadius: 25).stroke(Color.black, lineWidth: 2))
    }

person Rohan Garg    schedule 13.06.2020    source источник


Ответы (2)


Вот возможный подход

VStack{Button(action: {
    DispatchQueue.main.asyncAfter(deadline: .now() + 1) { // 1 sec delay
         self.player.requestCard()
    }
}, label: {
    Text("Hit Me!")
})
person Asperi    schedule 13.06.2020

Это может быть достигнуто в SwiftUI путем определения переменной / флага @State и отображения нового представления на основе этого. В приведенном ниже фрагменте кода showSecondView определяет, когда показывать следующее представление.

struct ContentView: View {
@State var showSecondView = false
var body: some View {
    Group {
        Text("Hello, World!")
            .font(.largeTitle)
            .foregroundColor(.primary)
        if showSecondView {
            Text("SecondView")
                .font(.title)
                .foregroundColor(.secondary)
        }
    }
    .onAppear() {
        Timer.scheduledTimer(withTimeInterval: 2, repeats: false) { (_) in
            withAnimation {
                self.showSecondView = true
            }
        }
    }
}
person Pankaj Kulkarni    schedule 13.06.2020