수식어 순서
Coddy Swift 여정의 SwiftUI 입문 섹션에 포함된 레슨. 50개 중 16번째.
각 수정자는 호출된 뷰를 감싸고 새로운 뷰를 반환합니다. 따라서 순서가 중요합니다. 수정자는 앞선 수정자들이 생성한 모든 항목에 대해 작동합니다.
Text("A")
.padding()
.background(.orange)
Text("B")
.background(.orange)
.padding()A의 경우 패딩이 먼저 추가되고 배경이 그다음에 패딩이 적용된 뷰를 덮습니다. 주황색 영역이 큽니다. B의 경우 배경은 텍스트만 덮고 패딩은 그 바깥쪽에 추가되므로, 작은 주황색 영역 주변에 빈 공간이 생깁니다.
수정자 체인을 위에서 아래로 읽으세요. 각 줄은 그 위의 줄들이 만든 뷰를 변경합니다.
챌린지
쉬움주황색 영역은 텍스트 크기만큼만 차지하고, 패딩은 그 바깥에 있습니다. 주황색 배경이 패딩도 포함하도록 수정자의 순서를 변경하세요.
직접 해보기
import SwiftUI
@main
struct CoddyApp: App {
var body: some Scene {
WindowGroup {
ContentView()
}
}
}
실력 점검이 레슨에는 짧은 퀴즈가 포함되어 있습니다. 레슨을 시작해 문제를 풀고 진행 상황을 기록하세요.
SwiftUI 입문의 모든 레슨
직접 연습해 보세요: Swift 플레이그라운드