Màu sắc
Thuộc phần Giới thiệu về SwiftUI trong hành trình Swift của Coddy. Bài học 6 trên 50.
.foregroundStyle tô màu nội dung của một khung nhìn, chẳng hạn như các chữ cái trong Text:
Text("Warning")
.foregroundStyle(.red)SwiftUI có các màu được đặt tên: .red, .orange, .yellow, .green, .blue, .purple, .gray và nhiều màu khác. .secondary là màu xám nhạt hơn, dùng cho văn bản ít quan trọng hơn.
Code cũ dùng .foregroundColor(.red), có chức năng tương tự với một màu đơn. Bạn cũng có thể kết hợp các thành phần đỏ, xanh lá và xanh dương để tạo màu, với giá trị từ 0 đến 1:
Text("Custom")
.foregroundStyle(Color(red: 0.2, green: 0.6, blue: 0.9))
Thử thách
Người mớiCho thấy quán cà phê đang mở: đổi màu chữ thành xanh lá và đặt phông chữ .headline.
Tự làm thử
import SwiftUI
@main
struct CoddyApp: App {
var body: some Scene {
WindowGroup {
ContentView()
}
}
}
Tự kiểm traBài học này có một bài trắc nghiệm ngắn. Bắt đầu bài học để trả lời và theo dõi tiến độ.
Tất cả bài học trong Giới thiệu về SwiftUI
Tự luyện tập: Playground SwiftUI