نوار ابزار و آیتم ها (Toolbar & Bar Items)
«نوار ابزار SwiftUI» یعنی دکمه ها بالای صفحه. «Toolbar» همین بخش است. «ToolbarItem» یک آیتم در نوار است. با این دو، کارها سریع می شوند. مثل میانبرهای صفحه کلید در مدرسه کامپیوتر.
نوار ابزار پایه
با «.toolbar» می توانی دکمه چپ و راست بسازی. «placement» جای هر دکمه را تعیین می کند. سپس عنوان صفحه را می بینی.
- یک NavigationStack ایجاد کن.
- عنوان را با navigationTitle تنظیم کن.
- در toolbar آیتم ها را اضافه کن.
- placement مناسب را انتخاب کن.
import SwiftUI
struct ToolbarBasicDemo: View {
var body: some View {
NavigationStack {
Text("Content")
.navigationTitle("Toolbar")
.toolbar {
ToolbarItem(placement: .navigationBarLeading) {
Button("Cancel") {
}
}
ToolbarItem(placement: .navigationBarTrailing) {
Button("Add") {
}
}
}
}
}
}
struct ContentView: View {
var body: some View {
ToolbarBasicDemo()
}
}
@main
struct MyApp: App {
var body: some Scene {
WindowGroup {
ContentView()
}
}
}
نکته: متن دکمه ها را کوتاه بنویس. فهم سریع تر می شود.
چیدمان ها و جای گذاری ها
می توانی آیتم ها را پایین صفحه بگذاری. یا هنگام نمایش کیبورد، دکمه بستن را نشان بدهی. «ToolbarItemGroup» چند آیتم را گروهی می چیند.
- یک TextField بساز و پدینگ بده.
- placement را bottomBar برای پایین بگذار.
- placement را keyboard برای کنار کیبورد بگذار.
- برای فاصله، از Spacer داخل گروه استفاده کن.
import SwiftUI
struct ToolbarPlacementsDemo: View {
@State private var text = ""
var body: some View {
NavigationStack {
VStack(spacing: 12) {
TextField("Type...", text: $text)
.textFieldStyle(.roundedBorder)
}
.padding()
.navigationTitle("Placements")
.toolbar {
ToolbarItem(placement: .bottomBar) {
Button("Edit") {
}
}
ToolbarItemGroup(placement: .keyboard) {
Spacer()
Button("Done") {
}
}
}
}
}
}
struct ContentView: View {
var body: some View {
ToolbarPlacementsDemo()
}
}
@main
struct MyApp: App {
var body: some Scene {
WindowGroup {
ContentView()
}
}
}
هشدار: آیتم های زیاد نگذار. شلوغی حواس را پرت می کند.
ارتباط با بخش های دیگر
پس از «نوار ابزار SwiftUI» این صفحه ها را ببین: navigationDestination و Data Flow. همچنین لینک تقویتی: نوار ابزار SwiftUI.
جمع بندی سریع
- .toolbar نوار ابزار را می سازد.
- placement جای آیتم را مشخص می کند.
- bottomBar برای پایین صفحه است.
- keyboard کنار کیبورد نمایش می دهد.
- متن دکمه ها را ساده نگه دار.