在线时间:8:00-16:00
迪恩网络APP
随时随地掌握行业动态
扫描二维码
关注迪恩网络微信公众号
★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ 本文演示Picker视图的使用, Picker和UIKit里的UIPickerView类似。 主要用于提供一个滚动列表,方便用户的选择。 1 import SwiftUI 2 3 struct ContentView : View 4 { 5 //列表的数据源:给当前的结构体添加一个数组属性,作为Picker列表的数据源。 6 var fruits = ["Apple", "Banner", "Pear", "Watermelon"] 7 //添加另一个数组属性,作为Picker列表的每一个选项的字体颜色。 8 var colors = [Color.blue, Color.orange, Color.red, Color.purple] 9 //添加一个整形属性,作为列表里的处于选择状态的选项的索引值, 10 //使该属性和界面的Picker视图进行数据绑定。 11 @State private var selectedItem = 0 12 13 var body: some View 14 { 15 VStack 16 { 17 //初始化一个Picker视图,并将它和selectedItem属性进行绑定, 18 //当用户操作Picker视图时,该属性的值将同步发生变化。 19 Picker(selection: $selectedItem, label: Text("Fruits")) 20 { 21 //接着来设置Picker视图的内容。 22 //首先添加一个循环语句,对数组进行遍历操作。 23 ForEach(0 ..< fruits.count) 24 { 25 //通过文本视图,显示数组里的每一个元素。 26 Text(self.fruits[$0]).tag($0) 27 //从颜色数组里获取指定的颜色,作为文本视图的字体颜色。 28 .foregroundColor(self.colors[$0]) 29 } 30 } 31 //添加一个文本视图,显示用户所选的内容。 32 Text("Your choice: ") 33 //通过扩展加号方法,添加另一个文本视图,显示用户所作的选项。 34 + Text("\(fruits[selectedItem])").foregroundColor(self.colors[selectedItem]) 35 } 36 } 37 } 38 39 #if DEBUG 40 struct ContentView_Previews : PreviewProvider { 41 42 static var previews: some View { 43 ContentView() 44 } 45 } 46 #endif
|
请发表评论