美文网首页
SwiftUI—方便用户选择项目的Picker拾取器

SwiftUI—方便用户选择项目的Picker拾取器

作者: anny_4243 | 来源:发表于2020-07-13 14:58 被阅读0次

    原文链接: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]) //显示用户所选的内容
            }
         }
    }
    

    相关文章

      网友评论

          本文标题:SwiftUI—方便用户选择项目的Picker拾取器

          本文链接:https://www.haomeiwen.com/subject/seuacktx.html