Toggle, 在開啟和關(guān)閉狀態(tài)之間切換的控件巩那。
@State var isShowing = true // toggle state
Toggle(isOn: $isShowing) {
Text("Hello World")
}
截屏2023-06-14 21.56.15.png
如果你的 Toggle 的標(biāo)簽只是 Text 你可以用 這個(gè)更簡(jiǎn)單的聲明膨报。
Toggle("Hello World", isOn: $isShowing)
截屏2023-06-14 21.59.27.png
ProgressView, 顯示任務(wù)完成進(jìn)度的視圖。
@State private var progress = 0.5
VStack {
ProgressView(value: progress)
Button("More", action: { progress += 0.05 })
}
截屏2023-06-14 22.51.33.png
通過(guò)應(yīng)用 CircularProgressViewStyle 可以將其用作 UIActivityIndicatorView堰氓⊙康或者 .circular
ProgressView(value: progress)
.progressViewStyle(CircularProgressViewStyle())
ProgressView(value: progress)
.progressViewStyle(.circular)
截屏2023-06-14 22.55.46.png
Slider, 在取值范圍內(nèi)滑動(dòng)選擇值的控件。
@State var progress: Float = 10
Slider(value: $progress, in: 0...100)
截屏2023-06-14 23.18.11.png
設(shè)置 min 和 max豆赏，或者圖片 通過(guò) HStack 設(shè)置
@State var progress: Float = 10
Slider(value: $progress, in: 0...100) {
} minimumValueLabel: {
Text("0")
} maximumValueLabel: {
Text("100")
}
HStack {
Image(systemName: "sun.min")
Slider(value: $progress, in: 0...100)
Image(systemName: "sun.max.fill")
}.padding()
截屏2023-06-14 23.27.53.png
Stepper, 用于執(zhí)行語(yǔ)義遞增和遞減動(dòng)作的控件挣菲。
如果你的 Stepper 的標(biāo)簽只有 Text 你可以初始化使用這個(gè)更簡(jiǎn)單的聲明。
@State var quantity: Int = 0
Stepper(value: $quantity, in: 0...10, label: { Text("Quantity \(quantity)")})
// 簡(jiǎn)單聲明
Stepper("Quantity \(quantity)", value: $quantity, in: 0...10)
截屏2023-06-14 23.33.16.png
管理數(shù)據(jù)掷邦。
@State var quantity: Int = 0
Stepper(onIncrement: {
self.quantity += 1
}, onDecrement: {
self.quantity -= 1
}, label: { Text("Quantity \(quantity)") })
截屏2023-06-14 23.37.01.png
設(shè)置數(shù)字每次增加的數(shù)量大小, 初始化器指定值 = 2
Stepper(value: $quantity, in: 0...10, step: 2) {
Text("Quantity \(quantity)")
}
截屏2023-06-14 23.39.19.png
