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

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

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


2466108-790372efc9be0193.webp.jpg


目录
相关文章
SwiftUI—方便用户选择日期的DatePicker日期拾取器
SwiftUI—方便用户选择日期的DatePicker日期拾取器
1714 0
SwiftUI—方便用户选择日期的DatePicker日期拾取器
SwiftUI—快速制作一个缩放动画
SwiftUI—快速制作一个缩放动画
1014 0
SwiftUI—快速制作一个缩放动画
|
程序员 索引
SwiftUI极简教程18:SwipeCard卡片滑动效果的使用(上)
SwiftUI极简教程18:SwipeCard卡片滑动效果的使用(上)
1134 0
SwiftUI极简教程18:SwipeCard卡片滑动效果的使用(上)
|
设计模式
带你造轮子,自定义一个随意拖拽可吸边的悬浮View组件
在开发中,随意拖拽可吸边的View还是比较常见的,这种功能网上也有各种各样的轮子,其实写起来并不复杂,看完本文,你也可以手写一个,不到400行代码就能实现一个通用的随意拖拽可吸边的View组件。
665 1
|
API iOS开发
SwiftUI 中的自定义导航
默认情况下,SwiftUI提供的各种导航API在很大程度上是以用户直接输入为中心的——也就是说,导航是在系统响应例如按钮的点击和标签切换等事件时由系统本身处理的。
289 0
SwiftUI 中的自定义导航
|
存储 索引
SwiftUI极简教程42:使用MatchedGeometryEffect构建一个导航菜单
在本章中,你将学会使用MatchedGeometryEffect构建一个导航菜单。 在构建SwiftUI应用过程中,我们常常会使用TabView构建底部菜单,但更多的时候会由于我们定制化的需求,需要我们自己绘制底部菜单。 那么本章中,我们就来试试构建一个底部导航菜单。
488 0
SwiftUI极简教程42:使用MatchedGeometryEffect构建一个导航菜单
SwiftUI—如何在PreviewProvider中使用导航视图
SwiftUI—如何在PreviewProvider中使用导航视图
416 0
SwiftUI—如何在PreviewProvider中使用导航视图
SwiftUI—制作一份漂亮而强大的表单
SwiftUI—制作一份漂亮而强大的表单
284 0
SwiftUI—制作一份漂亮而强大的表单
SwiftUI—如何切换部分表单项目的可见性
SwiftUI—如何切换部分表单项目的可见性
128 0
SwiftUI—如何切换部分表单项目的可见性
|
定位技术
SwiftUI—使用MapKit里的地图视图
SwiftUI—使用MapKit里的地图视图
475 0
SwiftUI—使用MapKit里的地图视图

热门文章

最新文章