SwiftUI—方便用户选择项目的Picker拾取器
2020-07-13 本文已影响0人
anny_4243
原文链接:https://github.com/fzhlee/SwiftUI-Guide#-%E7%AC%AC21%E8%8A%82picker-
Picker相当于UIKit中的UIPickerView,用于实现若干项目的选择。
示例代码:
struct ContentView : View {
var fruits = ["Apple", "Banner", "Pear", "Watermelon"] //picker列表的数据源
var colors = [Color.blue, Color.orange, Color.red, Color.purple] //作为picker列表每一个选项的字体颜色
@State private var selectedItem = 0 //列表里处于选择状态的选项的索引值,并给它添加@State绑定包装标记,使该属性和界面中的Picker视图进行数据绑定
var body: some View {
VStack {
Picker(selection: $selectedItem, label: Text("Fruits")) { //初始化一个Picker视图,并将它和selectedItem属性进行绑定,当用户操作Picker视图时,该属性的值将同步发生变化
ForEach(0 ..< fruits.count) { //Picker视图的内容,对数组进行遍历
Text(self.fruits[$0]).tag($0).foregroundColor(self.colors[$0]) //通过文本视图,显示数组里的每一个元素,从颜色数组里获取指定的颜色,
}
}
Text("Your choice: ")
+ Text("\(fruits[selectedItem])").foregroundColor(self.colors[selectedItem]) //显示用户所选的内容
}
}
}