Thứ tự bộ điều chỉnh
Thuộc phần Giới thiệu về SwiftUI trong hành trình Swift của Coddy. Bài học 16 trên 50.
Mỗi bộ điều chỉnh (modifier) bao quanh view mà nó được gọi trên đó và trả về một view mới. Vì vậy, thứ tự rất quan trọng: một bộ điều chỉnh tác động lên mọi thứ mà các bộ điều chỉnh trước đó tạo ra.
Text("A")
.padding()
.background(.orange)
Text("B")
.background(.orange)
.padding()Với A, phần đệm được thêm trước, sau đó nền phủ lên vùng đã đệm: vùng màu cam rộng. Với B, nền chỉ phủ lên phần văn bản, còn phần đệm được thêm bên ngoài, tạo khoảng trống trong suốt xung quanh một vùng màu cam nhỏ.
Đọc chuỗi bộ điều chỉnh từ trên xuống dưới: mỗi dòng thay đổi chế độ xem được tạo bởi các dòng phía trên.
Thử thách
DễVùng màu cam chỉ rộng bằng phần văn bản, còn phần đệm nằm bên ngoài. Hãy đổi thứ tự các modifier để nền màu cam bao phủ cả phần đệm.
Tự làm thử
import SwiftUI
@main
struct CoddyApp: App {
var body: some Scene {
WindowGroup {
ContentView()
}
}
}
Tự kiểm traBài học này có một bài trắc nghiệm ngắn. Bắt đầu bài học để trả lời và theo dõi tiến độ.
Tất cả bài học trong Giới thiệu về SwiftUI
Tự luyện tập: Playground SwiftUI