Menu
CoddyTech

内边距

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

.padding() 会在视图的内容与周围元素之间添加留白。不带参数时,它会在每一侧使用标准的 16 点留白:

Text("Tap to start")
    .padding()

传入一个数字来设置不同的间距,或者指定要应用间距的边:

Text("A").padding(24)
Text("B").padding(.horizontal, 20)
Text("C").padding(.top)

.horizontal 表示前缘和后缘,.vertical 表示顶部和底部。单个边缘可以是 .top、.bottom、.leading 或 .trailing。

challenge icon

挑战

入门

给按钮文字留出更多空间:在每一侧添加 24 点内边距。

亲手试试

import SwiftUI

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

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

SwiftUI 入门中的所有课

自己练习: SwiftUI 在线编辑器