프레임과 도형
Coddy Swift 여정의 SwiftUI 입문 섹션에 포함된 레슨. 50개 중 17번째.
SwiftUI에는 도형 뷰가 있습니다: Circle, Rectangle, RoundedRectangle 및 Capsule. .fill은 도형에 색을 지정합니다:
Circle()
.fill(.blue)
.frame(width: 80, height: 80)도형은 제공된 공간을 채우도록 커집니다. .frame(width:height:)은 도형이나 다른 뷰에 포인트 단위의 고정된 크기를 지정합니다.
프레임은 유연할 수도 있습니다. maxWidth: .infinity를 사용하면 뷰가 사용 가능한 너비 전체로 늘어날 수 있습니다:
Text("Continue")
.frame(maxWidth: .infinity)
.padding()
.background(.blue)
챌린지
쉬움아바타 자리 표시자를 그립니다. 녹색으로 채워진 Circle을 사용하며, 너비는 100포인트, 높이는 100포인트입니다.
직접 해보기
import SwiftUI
@main
struct CoddyApp: App {
var body: some Scene {
WindowGroup {
ContentView()
}
}
}
실력 점검이 레슨에는 짧은 퀴즈가 포함되어 있습니다. 레슨을 시작해 문제를 풀고 진행 상황을 기록하세요.
SwiftUI 입문의 모든 레슨
직접 연습해 보세요: Swift 플레이그라운드