پیش نمایش ها (SwiftUI Previews)
با «پیش نمایش SwiftUI» سریع تکرار می کنیم. «PreviewProvider (سازنده پیش نمایش)» نما را بدون اجرای برنامه نشان می دهد. همچنین «#Preview (ماکرو پیش نمایش)» کنار همان کد، نسخه آزمایشی می سازد. مثل دیدن ماکت کاردستی پیش از ساخت نهایی.
PreviewProvider؛ پیش نمایش بدون اجرای برنامه
یک نوع PreviewProvider تعریف کن تا نما در بوم Xcode نمایش داده شود.
import SwiftUI
struct DemoView: View {
var body: some View {
Text("Hello")
}
}
struct DemoView_Previews: PreviewProvider {
static var previews: some View {
DemoView()
}
}
نکته: می توانی چند پیش نمایش برگردانی؛ مثلا برای فونت ها یا چیدمان ها.
#Preview؛ ماکرو ساده و کنار کد
با ماکرو #Preview همان جا نمونه پیش نمایش را تعریف کن.
import SwiftUI
#Preview {
DemoView()
}
گام های عملی
- نما را بساز و ساده نگه دار.
- یک PreviewProvider یا #Preview اضافه کن.
- در بوم Xcode نتیجه را بررسی کن.
- تنظیمات را تغییر بده و دوباره ببین.
- وقتی مطمئن شدی، کد اصلی را نهایی کن.
هشدار: داده سنگین را در پیش نمایش لود نکن. از نمونه کوچک استفاده کن تا بوم کند نشود.
برای تکمیل مسیر، صفحه مودیفایرهای سفارشی و بخش ViewBuilder را ببین. همچنین لینک داخلی با کلمه کلیدی: پیش نمایش SwiftUI.
جمع بندی سریع
- PreviewProvider پیش نمایش رسمی می سازد.
- #Preview سریع و کوتاه است.
- داده سبک استفاده کن.
- چند حالت را هم زمان تست کن.