[swift] SwiftUI 뷰의 프레젠테이션 변경
SwiftUI는 모던한 사용자 인터페이스를 만들기 위한 강력한 도구입니다. 사용자의 상호 작용에 따라 다양한 형태의 뷰를 보여주고 숨길 수 있습니다. 여기서는 SwiftUI를 사용하여 뷰의 프레젠테이션을 변경하는 방법에 대해 알아보겠습니다.
1. 애니메이션을 사용한 뷰 전환
SwiftUI에서는 withAnimation
블록을 사용하여 뷰 전환이나 변환 시 애니메이션을 쉽게 적용할 수 있습니다. 다음은 SwiftUI에서 뷰 전환 시 애니메이션을 적용하는 간단한 예제 코드입니다.
struct ContentView: View {
@State private var isPresented = false
var body: some View {
Button("Show Detail View") {
withAnimation {
isPresented.toggle()
}
}
.fullScreenCover(isPresented: $isPresented) {
DetailView()
}
}
}
struct DetailView: View {
var body: some View {
Text("Detail View")
}
}
이 예제에서는 fullScreenCover
를 사용하여 세부 뷰를 전환하고, withAnimation
을 사용하여 애니메이션을 적용합니다.
2. 페이지 기반 뷰 전환
SwiftUI에서는 NavigationView
와 NavigationLink
를 사용하여 페이지 기반의 뷰 전환을 구현할 수 있습니다. 아래는 SwiftUI에서 페이지 기반 뷰 전환을 사용하는 예제 코드입니다.
struct ContentView: View {
var body: some View {
NavigationView {
NavigationLink("Show Detail", destination: DetailView())
}
}
}
struct DetailView: View {
var body: some View {
Text("Detail View")
}
}
이 예제에서는 NavigationView
와 NavigationLink
를 사용하여 다른 뷰로 전환하는 기능을 구현합니다.
결론
SwiftUI를 사용하면 뷰의 프레젠테이션을 쉽게 변경할 수 있습니다. withAnimation
을 사용하여 애니메이션을 적용하거나 NavigationView
와 NavigationLink
를 사용하여 페이지 기반의 뷰 전환을 구현할 수 있습니다.
더 많은 정보를 원하시면, SwiftUI 공식 문서를 참고하세요.