修饰符顺序
本课属于 Coddy Swift 学习旅程的“SwiftUI 入门”单元。第 16 课,共 50 课。
每个修饰符都会包装它所调用的视图,并返回一个新视图。因此,顺序很重要:一个修饰符会作用于前面的修饰符生成的所有内容。
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 入门中的所有课
自己练习: SwiftUI 在线编辑器