Menu
CoddyTech

修饰符顺序

本课属于 Coddy Swift 学习旅程的“SwiftUI 入门”单元。第 16 课,共 50 课。

每个修饰符都会包装它所调用的视图,并返回一个新视图。因此,顺序很重要:一个修饰符会作用于前面的修饰符生成的所有内容。

Text("A")
    .padding()
    .background(.orange)

Text("B")
    .background(.orange)
    .padding()

对于 A,会先添加内边距,然后背景覆盖整个带内边距的视图:橙色区域很大。对于 B,背景只覆盖文字,内边距则添加在背景外侧,作为小块橙色区域周围的空白。

从上到下阅读修饰符链:每一行都会改变上方各行构建的视图。

challenge icon

挑战

简单

橙色区域只有文字那么大,内边距在区域外部。重新排列修饰符,让橙色背景也覆盖内边距。

亲手试试

import SwiftUI

@main
struct CoddyApp: App {
    var body: some Scene {
        WindowGroup {
            ContentView()
        }
    }
}
quiz icon自我测试

这节课包含一个小测验。开始学习即可作答,并记录你的进度。

SwiftUI 入门中的所有课

自己练习: SwiftUI 在线编辑器