حالت روشن/تیره (Light/Dark Mode)
در SwiftUI، «حالت روشن/تیره» یعنی Color Scheme. یعنی ظاهر روشن یا تیره. «پیش نمایش (Preview)» یعنی دیدن UI بدون اجرای کامل برنامه. با این کار، کنتراست را سریع می سنجی و رنگ ها را می بینی. همین کار، باگ های ساده را زود رو می کند.
پیش نمایش در حالت روشن و تیره
«کنتراست (Contrast)» یعنی تفاوت روشنایی بین متن و پس زمینه. کنتراست خوب، خوانایی بهتر می دهد. «preferredColorScheme» یک «modifier» است. «modifier» یعنی تابعی که ظاهر یک View را تغییر می دهد.
import SwiftUI
struct DemoView: View {
var body: some View {
Text("Hello")
}
}
#Preview("Light") {
DemoView()
.preferredColorScheme(.light)
}
#Preview("Dark") {
DemoView()
.preferredColorScheme(.dark)
}
نکته: اگر متن در حالت تیره کم رنگ است، از رنگ های سیستم استفاده کن. رنگ های سیستم با هر حالت هماهنگ می شوند.
گام های عملی سریع
- یک View ساده بساز. مثلاً یک متن.
- دو پیش نمایش تعریف کن. Light و Dark.
- روی هر کدام preferredColorScheme بگذار.
- کنتراست متن و پس زمینه را بررسی کن.
- اگر بد بود، رنگ ها را اصلاح کن.
هشدار: رنگ ثابت ممکن است در یک حالت بد دیده شود. تا می توانی از رنگ های پویا استفاده کن.
لینک های مفید داخلی
برای تنوع پیش نمایش ها به نسخه ها و وضعیت ها برو. همچنین برای دسترس پذیری رنگ ها، دسترس پذیری را ببین.
جمع بندی سریع: حالت روشن/تیره
- پیش نمایش را در هر دو حالت ببین.
- کنتراست را همیشه بسنج.
- از رنگ های سیستم استفاده کن.
- مشکل را همانجا برطرف کن.
- حالت روشن/تیره را مرجع خود قرار بده.