گونه ها و وضعیت ها (Variants & States)
در پیش نمایش ها، «گونه (Variant)» یعنی چند چیدمان مختلف. همچنین «وضعیت (State)» یعنی داده متفاوت برای همان نما. با این ها، سریع تفاوت ها را می بینی؛ مثل دیدن رنگ های گوناگون یک یونیفرم مدرسه.
نمایش هم زمان چند گونه با Group
در پیش نمایش، از Group کمک بگیر. سپس چند نسخه را کنار هم ببین. این کار مقایسه را آسان می کند.
import SwiftUI
struct Badge: View {
let color: Color
var body: some View {
Circle()
.fill(color)
.frame(width: 40, height: 40)
}
}
struct Badge_Previews: PreviewProvider {
static var previews: some View {
Group {
Badge(color: .blue)
Badge(color: .green)
}
}
}
نکته: Group تنها ظرف جمعی است. چیدمان نهایی را بوم Xcode می چیند.
گام های عملی برای گونه ها و وضعیت ها
- نما را بساز و ساده نگه دار.
- یک PreviewProvider ایجاد کن.
- داخل previews یک Group بگذار.
- نمونه ها را با داده مختلف اضافه کن.
- در بوم، تفاوت ها را مقایسه کن.
هشدار: نمونه های زیاد می تواند بوم را شلوغ کند. تعداد را مدیریت کن.
برای شروع کلی، سر بزن به پیش نمایش SwiftUI. همچنین حالت تیره را در پیش نمایش حالت تیره بررسی کن. لینک کلیدی داخلی: گونه های پیش نمایش SwiftUI.
جمع بندی سریع
- Group چند گونه را کنار هم می آورد.
- وضعیت یعنی داده متفاوت همان نما.
- گونه ها مقایسه را سریع می کنند.
- شلوغی بوم را کنترل کن.