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日期拾取器
1667 0
SwiftUI—方便用户选择日期的DatePicker日期拾取器
|
5月前
|
开发者
小而美的IKUN-UI组件库源码学习(按钮 Button)
小而美的IKUN-UI组件库源码学习(按钮 Button)
35 0
|
程序员 索引
SwiftUI极简教程18:SwipeCard卡片滑动效果的使用(上)
SwiftUI极简教程18:SwipeCard卡片滑动效果的使用(上)
1085 0
SwiftUI极简教程18:SwipeCard卡片滑动效果的使用(上)
|
存储 索引
SwiftUI极简教程19:SwipeCard卡片滑动效果的使用(下)
SwiftUI极简教程19:SwipeCard卡片滑动效果的使用(下)
678 0
SwiftUI极简教程19:SwipeCard卡片滑动效果的使用(下)
|
API iOS开发
SwiftUI 中的自定义导航
默认情况下,SwiftUI提供的各种导航API在很大程度上是以用户直接输入为中心的——也就是说,导航是在系统响应例如按钮的点击和标签切换等事件时由系统本身处理的。
278 0
SwiftUI 中的自定义导航
|
存储 索引
SwiftUI极简教程42:使用MatchedGeometryEffect构建一个导航菜单
在本章中,你将学会使用MatchedGeometryEffect构建一个导航菜单。 在构建SwiftUI应用过程中,我们常常会使用TabView构建底部菜单,但更多的时候会由于我们定制化的需求,需要我们自己绘制底部菜单。 那么本章中,我们就来试试构建一个底部导航菜单。
466 0
SwiftUI极简教程42:使用MatchedGeometryEffect构建一个导航菜单
SwiftUI—如何在PreviewProvider中使用导航视图
SwiftUI—如何在PreviewProvider中使用导航视图
408 0
SwiftUI—如何在PreviewProvider中使用导航视图
SwiftUI—如何制作样式丰富的过渡动画
SwiftUI—如何制作样式丰富的过渡动画
243 0
SwiftUI—如何制作样式丰富的过渡动画
|
Web App开发 前端开发
React 16.x折腾记 - (3) 结合Mobx实现一个比较靠谱的动态tab水平菜单,同时关联侧边栏
动态tab水平菜单,这个需求很常见,特别是对于后台管理系统来说 实现的思路有点绕,有更好的姿势请留言,谢谢阅读。
307 0
SwiftUI直通车系列(5)—— 自定义绘制
SwiftUI直通车系列(5)—— 自定义绘制
151 0
SwiftUI直通车系列(5)—— 自定义绘制

热门文章

最新文章