Spacer、内边距与 Frame 修饰器
使用 Spacer 创建灵活间隔，并使用 frame 设置明确尺寸。
Spacer、内边距与 Frame 修饰器 是 CoddyKit 上的免费 Swift Academy 课时。 这是第 3 节课，共 4 节。 你可以在下方免费阅读本课时的完整内容 — 然后在浏览器中使用内置代码编辑器和全天候 AI 导师进行实践。 这是 Swift Academy 学习路径的一部分，你的进度在网页和 CoddyKit 应用中同步。 Swift Academy 课程共包含 4 节课。
欢迎
`Spacer`、`.padding()` 和 `.frame()` 是控制 SwiftUI 中间距和尺寸的主要工具。让我们逐一掌握它们。
Spacer — 弹性空间
```swift
HStack {
Text("Left")
Spacer() // fills all available space
Text("Right")
}
```
`Spacer` 会沿堆栈轴方向扩展，以填充剩余空间。
最小长度
```swift
Spacer(minLength: 20) // at least 20pt even if compressed
```
内边距修饰符
```swift
Text("Hello")
.padding() // default 16pt all sides
.padding(.horizontal, 24) // custom horizontal
.padding(.top, 8) // custom top only
```
使用 EdgeInsets 设置内边距
```swift
Text("Hi")
.padding(EdgeInsets(top:10,leading:20,bottom:10,trailing:20))
```
显式尺寸
```swift
Text("Button")
.frame(width: 200, height: 44)
.background(Color.blue)
.foregroundColor(.white)
```
最大宽度框架
```swift
Button("Full Width") {}
.frame(maxWidth: .infinity)
.padding()
.background(Color.accentColor)
```
框架对齐方式
```swift
Text("Left")
.frame(width: 200, alignment: .leading)
.border(Color.gray)
// Text aligns left within the 200pt wide frame
```
fixedSize
```swift
Text("Long text that should not wrap")
.fixedSize() // prevents truncation / wrapping
```
组合使用 Spacer 与框架
```swift
VStack {
Spacer()
Text("Bottom")
.frame(maxWidth: .infinity)
.padding()
}
```
快速检查
`Spacer()` 在 `HStack` 中有什么作用？
回顾
关键要点：
• `Spacer()` 填充可用空间；使用 `Spacer(minLength:)` 设置最小间隔
• `.padding()` 添加内边距；指定边缘和数值可以进行精确控制
• `.frame(width:height:)` 设置固定尺寸
• `.frame(maxWidth: .infinity)` 扩展以填充空间
• `.fixedSize()` 防止文本截断
下一步：GeometryReader。
常见问题解答
「Spacer、内边距与 Frame 修饰器」课时是免费的吗？
是的 — 「Spacer、内边距与 Frame 修饰器」的完整文本可在网页上免费阅读。要进行交互式练习（内置代码编辑器和全天候 AI 导师）并解锁 Swift Academy 课程的其余内容，请升级到 CoddyKit PRO。 Swift Academy 课程共包含 4 节课。
「Spacer、内边距与 Frame 修饰器」这节课中我会学到什么？
使用 Spacer 创建灵活间隔，并使用 frame 设置明确尺寸。 你通过在浏览器中直接运行的动手代码来练习 Swift Academy，全天候 AI 导师会在你学习这节课的过程中回答你的问题。
学习 Swift Academy 需要有经验吗？
无需任何先前经验。CoddyKit 上的 Swift Academy 课程适合初学者到高级学习者，你可以从这里开始或从头开始，按照自己的节奏学习。 这是第 3 节课，共 4 节。
「Spacer、内边距与 Frame 修饰器」课时需要多长时间？
大多数 CoddyKit 课程大约需要 5–10 分钟。每节课都很精短且互动，所以你能稳步进步，并在网页和应用中从离开的地方继续。
我能在这节 Swift Academy 课中编写并运行代码吗？
能。每节 Swift Academy 课都包含内置代码编辑器，你可以在浏览器中直接编写并运行真实代码，并获得即时 AI 反馈 — 无需本地设置。
此课程中的所有课时
- VStack、HStack 与 ZStack 基础
- LazyVGrid 与 LazyHGrid
- Spacer、内边距与 Frame 修饰器
- 使用 GeometryReader 构建自适应布局