정렬 및 간격
Coddy Swift 여정의 SwiftUI 입문 섹션에 포함된 레슨. 50개 중 11번째.
VStack은 뷰를 중앙에 배치하고 뷰 사이에 작은 기본 간격을 둡니다. 스택을 만들 때 두 설정 모두 변경할 수 있습니다:
VStack(alignment: .leading, spacing: 12) {
Text("Order #42")
.font(.headline)
Text("2 coffees")
Text("Ready at 10:30")
}alignment: .leading은 뷰를 왼쪽 가장자리에 맞춰 정렬합니다(.trailing은 오른쪽 가장자리입니다). spacing: 12는 각 뷰 쌍 사이에 12포인트의 간격을 둡니다.
HStack은 대신 세로로 정렬합니다: .top, .center 또는 .bottom:
HStack(alignment: .top, spacing: 20) {
Text("Left")
Text("Right")
}
챌린지
쉬움영수증이 목록처럼 보이도록 하세요. VStack의 정렬을 .leading으로 설정하고 간격을 12로 설정하세요.
직접 해보기
import SwiftUI
@main
struct CoddyApp: App {
var body: some Scene {
WindowGroup {
ContentView()
}
}
}
실력 점검이 레슨에는 짧은 퀴즈가 포함되어 있습니다. 레슨을 시작해 문제를 풀고 진행 상황을 기록하세요.
SwiftUI 입문의 모든 레슨
직접 연습해 보세요: Swift 플레이그라운드