【SwiftUI】공식 Tutorials 「Animating Views and Transitions」의 해설 Part.1
이 기사는 무엇입니까?
Section1 「Add Hiking Data to the App」로 작성하는 뷰의 코드를 읽어 보았습니다.
환경
macOS 11.2.1
Xcode 12.4
Swift 5.3
HikeView
HikeView 정의struct HikeView: View {
var hike: Hike
@State private var showDetail = false
var body: some View {
VStack {
HStack {
HikeGraph(hike: hike, path: \.elevation)
.frame(width: 50, height: 30)
.animation(nil)
VStack(alignment: .leading) {
Text(hike.name)
.font(.headline)
Text(hike.distanceText)
}
Spacer()
Button(action: {
self.showDetail.toggle()
}) {
Image(systemName: "chevron.right.circle")
.imageScale(.large)
.rotationEffect(.degrees(showDetail ? 90 : 0))
.padding()
}
}
if showDetail {
HikeDetail(hike: hike)
}
}
}
}
HikeView의 모양
HikeView를 구성하는 뷰 계층 구조
상태 변수 showDetail의 거동
Button(action: {
self.showDetail.toggle()
}) {
...
}
if showDetail {
HikeDetail(hike: hike)
}
Reference
이 문제에 관하여(【SwiftUI】공식 Tutorials 「Animating Views and Transitions」의 해설 Part.1), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다
https://qiita.com/imchino/items/d3a8ccea7ae566287414
텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
우수한 개발자 콘텐츠 발견에 전념
(Collection and Share based on the CC Protocol.)
HikeView 정의
struct HikeView: View {
var hike: Hike
@State private var showDetail = false
var body: some View {
VStack {
HStack {
HikeGraph(hike: hike, path: \.elevation)
.frame(width: 50, height: 30)
.animation(nil)
VStack(alignment: .leading) {
Text(hike.name)
.font(.headline)
Text(hike.distanceText)
}
Spacer()
Button(action: {
self.showDetail.toggle()
}) {
Image(systemName: "chevron.right.circle")
.imageScale(.large)
.rotationEffect(.degrees(showDetail ? 90 : 0))
.padding()
}
}
if showDetail {
HikeDetail(hike: hike)
}
}
}
}
HikeView의 모양
HikeView를 구성하는 뷰 계층 구조
상태 변수 showDetail의 거동
Button(action: {
self.showDetail.toggle()
}) {
...
}
if showDetail {
HikeDetail(hike: hike)
}
Reference
이 문제에 관하여(【SwiftUI】공식 Tutorials 「Animating Views and Transitions」의 해설 Part.1), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다 https://qiita.com/imchino/items/d3a8ccea7ae566287414텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
우수한 개발자 콘텐츠 발견에 전념 (Collection and Share based on the CC Protocol.)