Move according to the button

Question

Created Feb ’22

Replies 1

Boosts 0

Views 1.1k

Participants 2

Hello there! I would like to move the object according to the button press. In this code, I have the circle and I like to move it down if I press the down button. Can anyone tell me how can I do this?

Thanks.

import SwiftUI
import PlaygroundSupport

struct ContentView: View {
    var body: some View {
        Circle()
            .frame(width: 80, height: 80)
        
Spacer(minLength: 20)

            Button{

            } label: {
                Image(systemName: "arrowtriangle.down.circle.fill")
                    .resizable()
                    .foregroundColor(.blue)
                    .frame(width: 70, height: 70)
                    .padding()
            }
    }
}

PlaygroundPage.current.setLiveView(ContentView())

Boost

Answer 1

Claude31 OP

Feb ’22

Create a State var and use GeometryReader

Here is an example (I made button move at the same time than circle ; you can change as indicated in code):

struct ContentView: View {
    @State var offset: CGFloat = 0
    var body: some View {
        GeometryReader { geometry in
            Circle()
                .frame(width: 80, height: 80)
                .position(x: 50, y: 50 + offset)
            Spacer(minLength: 20)
            Button(
                action: { offset += 20 },
                label: {
                    Image(systemName: "arrowtriangle.down.circle.fill")
                        .resizable()
                        .foregroundColor(.blue)
                        .frame(width: 70, height: 70)
                        .padding()
                        .position(x: 50, y: 50 + offset) // Remove to keep button in fixed position
                }
            )
        }
    }
}

0