颜色

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

.foregroundStyle 用颜色设置视图的内容，例如 Text 中的文字：

Text("Warning")
    .foregroundStyle(.red)

SwiftUI 提供了命名颜色：.red、.orange、.yellow、.green、.blue、.purple、.gray 等。.secondary 是较柔和的灰色，用于不太重要的文本。

较旧的代码会使用 .foregroundColor(.red)，它对单一颜色的处理效果相同。你也可以将红色、绿色和蓝色分量的值设为介于 0 和 1 之间，从而混合出一种颜色：

Text("Custom")
    .foregroundStyle(Color(red: 0.2, green: 0.6, blue: 0.9))

挑战

入门

显示咖啡馆正在营业：将文字设为绿色，并使用 .headline 字体。

亲手试试

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共享数据