関連コース:http://hdjc8.com/hdjc/swiftUI/
SliderはUIKitのUISliderに相当し、スライダーを動かすことで指定された領域と間隔の値の選択を実現します。
スライダービューの使い方はとても簡単です。スライダーを最小値と最大値の範囲内でドラッグすることで値をすばやく設定できるため、音量調整、再生の進行状況、ズームインなどの状況でよく使用されます。写真から。
サンプルコード:
struct ContentView : View {
//首先添加一个浮点类型的属性,并设置它的初始值为0。该属性拥有@State绑定包装标记,表示该属性将和滑杆视图进行数据绑定。
@State var temperature: Double = 0
var body: some View {
VStack {
Slider(value: $temperature)
//添加一个新的滑杆视图,并设置它的最小值为-20,最大值为40。通过该滑杆,可以快速拾取位于-20和40之间的数值。
Slider(value: $temperature, in: -20...40)
//添加一个尾随闭包,在闭包语句里打印一条日志信息,用来显示是否开始或停止拖动滑块。
Slider(value: $temperature, in: -20...40) { (item) in
print(item)
}
HStack{
Image(systemName: "sun.max")
//在图像视图的右侧,添加一个新的滑杆视图。除了设置它数值区域为-20至40,还设置它的步进值为2。
Slider(value: $temperature, in: -20...40, step: 2) { (item) in
print(item)
}.accentColor(.pink).colorInvert()
Image(systemName: "sun.max.fill")
}.padding()
//添加一个文本视图,用来实时显示temperature属性的值。
Text("The temperature is \(Int(temperature)).")
}
}
}
操作の結果を表示します。