طرح های رنگی (Color Schemes)
«طرح های رنگی (Color Schemes)» یعنی حالت روشن و تیره. با آن، رابط همیشه خواناست. همچنین هماهنگی حفظ می شود. در SwiftUI از محیط سیستم کمک می گیریم. سپس نما را تطبیق می دهیم.
خواندن طرح های رنگی سیستم
با @Environment(\.colorScheme) حالت فعلی را می خوانیم. سپس متن یا پس زمینه را مطابق آن تغییر می دهیم.
import SwiftUI
struct ColorSchemesDemo: View {
@Environment(\.colorScheme) var scheme
var body: some View {
Text(
scheme == .dark ? "Scheme: Dark" : "Scheme: Light"
)
.padding()
}
}
import SwiftUI
struct ContentView: View {
var body: some View {
ColorSchemesDemo()
}
}
import SwiftUI
@main
struct MyApp: App {
var body: some Scene {
WindowGroup {
ContentView()
}
}
}
نکات کنتراست و هماهنگی
«کنتراست (Contrast)» یعنی تفاوتِ روشنایی رنگ ها. بنابراین متن خواناتر می شود. از رنگ های سیستمی استفاده کن. سپس در هر دو حالت تست بگیر.
گام های عملی
- رنگ ها را از سیستم دریافت کن.
- برای متن، کنتراست را بررسی کن.
- در حالت روشن و تیره تست بگیر.
نکته: رنگ های ثابت کم کنتراست استفاده نکن. زیرا خوانایی کم می شود.
لینک های تکمیلی
برای تم کلی، صفحه تم SwiftUI را ببین. همچنین بخش دسترس پذیری SwiftUI به خوانایی کمک می کند. صفحه طرح های رنگی مرجع این مبحث است.
جمع بندی سریع
- colorScheme را از محیط بخوان.
- کنتراست را همیشه حفظ کن.
- در روشن و تیره تست کن.
- از رنگ های سیستمی استفاده کن.