选择器(SwiftUI丨1分钟学会选择器Picker)

2023-04-25 富美财经 浏览量:


SwiftUI丨1分钟学会选择器Picker

日习一语,日行一善

选择器在ios开发中的使用频率很高,今天我们就来看下他的常规用法!

一、代码展示

import SwiftUIstruct PickerView: View {    let 课程 = ["第1课","第2课","第3课","第4课"]    @State var selection = 1 //默认选择    var body: some View {        VStack{        Picker(selection: $selection, label: Text("选择课程")) {            ForEach(课程.indices , id: .self){ i in                Text(self.课程[i])                    .font(.system(size: 18))            }        }            Text("当前选择的课程是: (self.课程[selection])")        }    }}struct PickerView_Previews: PreviewProvider {    static var previews: some View {        PickerView()    }}

二、代码解析

Picker选择器需要用到两个参数:

1、需要有一个数组,用来存放选择的内容(常量数组“课程[]”);

2、需要一个当前选择的内容对应的下标(变量“selection”);

3、需要用到forEach循环;

Picker(selection: $ + 选择内容对应的下标, label: 标题) { 循环出所有的可选内容 }

三、拓展练习

大家根据Picker的介绍,自学一下 DatePicker 的用法。


你答应过我,我用心写,你用心看;既会 点赞,还会 收藏,偶尔还会 分享打赏

本篇完,感谢阅读!

为你推荐