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]) //显示用户所选的内容
        }
     }
}
上一篇下一篇

猜你喜欢

热点阅读