框架与形状

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

SwiftUI 提供了形状视图：Circle、Rectangle、RoundedRectangle 和 Capsule。.fill 可以为形状填充颜色：

Circle()
    .fill(.blue)
    .frame(width: 80, height: 80)

形状会扩展，填满提供给它的空间。.frame(width:height:) 会为它或其他视图设置固定的点数尺寸。

框架也可以是灵活的。maxWidth: .infinity 可以让视图延伸到可用宽度：

Text("Continue")
    .frame(maxWidth: .infinity)
    .padding()
    .background(.blue)

挑战

简单

绘制头像占位图：一个填充为绿色的 Circle，宽 100 点、高 100 点。

亲手试试

import SwiftUI

@main
struct CoddyApp: App {
    var body: some Scene {
        WindowGroup {
            ContentView()
        }
    }
}

自我测试

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

SwiftUI 入门中的所有课

1简介

4修饰符

7列表

10项目：Coddy 咖啡馆

2显示内容

5状态与按钮

8导航

11最终挑战

3堆栈与布局

6用户输入

9共享数据