متریال ها (Materials)
«متریال ها (Materials)» یعنی افکت مات شیشه ای. این افکت عمق می سازد. بنابراین لایه ها از هم جدا می شوند. همچنین متن خواناتر می شود. در SwiftUI با .regularMaterial و خانواده اش کار می کنیم.
معرفی سریع متریال ها
«متریال (Material)» افکت محوشدگی پس زمینه است. بنابراین محتوا برجسته می شود. انواع رایج: .thinMaterial، .regularMaterial، .thickMaterial. تفاوتشان در شدت محو و تیرگی است.
نمونه ساده با متریال ها
import SwiftUI
struct MaterialCard: View {
var body: some View {
ZStack {
Image(systemName: "photo.fill").resizable().scaledToFill().ignoresSafeArea()
RoundedRectangle(cornerRadius: 12).fill(.regularMaterial)
.frame(height: 120)
.overlay(
Text("Regular Material").font(.headline)
)
.padding()
}
}
}
import SwiftUI
struct ContentView: View {
var body: some View {
MaterialCard()
}
}
import SwiftUI
@main
struct MyApp: App {
var body: some Scene {
WindowGroup {
ContentView()
}
}
}
گام های عملی کار با متریال ها
- یک پس زمینه تصویری قرار بده.
- یک شکل با fill(.regularMaterial) بساز.
- متن را روی شکل قرار بده.
نکته: متریال ها با طرح های رنگی هماهنگ می شوند. بنابراین در طرح های رنگی هم تست کن.
کِی کدام متریال مناسب است؟
- .thinMaterial برای لایه های ظریف مناسب است.
- .regularMaterial تعادل خوبی ایجاد می کند.
- .thickMaterial برای جداکردن قوی تر مناسب است.
برای ظاهر کلی، صفحه استایل دهی و تم دهی را ببین. سپس با «متریال ها» هماهنگ کن.
جمع بندی سریع
- متریال ها عمق و جداسازی می دهند.
- regular تعادل دارد و امن است.
- همیشه خوانایی متن را بسنج.
- در روشن و تیره تست بگیر.