[Swift UI]二、实用控件-(1)方便用户选中项目的Picker拾取器

★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★
➤微信公众号：山青咏芝（let_us_code）
➤博客园地址：山青咏芝（https://www.cnblogs.com/strengthen/）
➤GitHub地址：https://github.com/strengthen/LeetCode
➤原文地址： https:////www.cnblogs.com/strengthen/p/12290542.html
➤原文已修改更新！强烈建议点击原文地址阅读！支持作者！支持原创！
★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★

热烈欢迎，请直接点击！！！

进入博主App Store主页，下载使用各个作品！！！

注：博主将坚持每月上线一个新app！！！

本文演示Picker视图的使用，

Picker和UIKit里的UIPickerView类似。

主要用于提供一个滚动列表，方便用户的选择。

import SwiftUI

struct ContentView : View
{
    //列表的数据源：给当前的结构体添加一个数组属性，作为Picker列表的数据源。
     var fruits = ["Apple", "Banner", "Pear", "Watermelon"]
    //添加另一个数组属性，作为Picker列表的每一个选项的字体颜色。
     var colors = [Color.blue, Color.orange, Color.red, Color.purple]
    //添加一个整形属性，作为列表里的处于选择状态的选项的索引值，
    //使该属性和界面的Picker视图进行数据绑定。
     @State private var selectedItem = 0

     var body: some View
     {
        VStack
        {
            //初始化一个Picker视图，并将它和selectedItem属性进行绑定，
            //当用户操作Picker视图时，该属性的值将同步发生变化。
            Picker(selection: $selectedItem, label: Text("Fruits"))
            {
                //接着来设置Picker视图的内容。
                //首先添加一个循环语句，对数组进行遍历操作。
                ForEach(0 ..< fruits.count)
                {
                    //通过文本视图，显示数组里的每一个元素。
                    Text(self.fruits[$0]).tag($0)
                        //从颜色数组里获取指定的颜色，作为文本视图的字体颜色。
                        .foregroundColor(self.colors[$0])
                }
            }
            //添加一个文本视图，显示用户所选的内容。
            Text("Your choice: ")
                //通过扩展加号方法，添加另一个文本视图，显示用户所作的选项。
            + Text("\(fruits[selectedItem])").foregroundColor(self.colors[selectedItem])
        }
     }
}

#if DEBUG
struct ContentView_Previews : PreviewProvider {
    
    static var previews: some View {
        ContentView()
    }
}
#endif