カラー
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入門のすべてのレッスン
自分で練習してみよう: Swiftプレイグラウンド