SwiftUI的Picker

最新推荐文章于 2024-07-03 18:26:44 发布

lingjunjie

最新推荐文章于 2024-07-03 18:26:44 发布

阅读量660

点赞数 6

分类专栏： swiftUI 文章标签： swiftui ios swift

本文链接：https://blog.csdn.net/lingjunjie/article/details/136739051

版权

swiftUI 专栏收录该内容

29 篇文章 1 订阅

订阅专栏

SwiftUI的Picker

本章来记录一下SwiftUI中三种不同Picker的用法，分别为normalPicker ，
wheelPicker， segmentedPicker 。可以根据不同需求展示不同的Picker


import SwiftUI

struct PickerBootCamp: View {
    @State var selection: String = "Recent"
    let titleList = [
        "Recent",
        "Popular",
        "Liked"
    ]
    var body: some View {
        NavigationView{
            VStack {
                Text("slecetion: " + selection)
                
                normalPicker
                wheelPicker
                segmentedPicker
                Spacer()
            }.padding()
                .navigationTitle("PickerBootCamp")
        }
        
    }
    
    var normalPicker: some View  {
        /// 默认样式
        Picker(selection: $selection) {
            ForEach(1..<13) { index in
                Text("\(index)")
                    .tag("\(index)")
            }
        } label: {
        }
        .pickerStyle(MenuPickerStyle())
    }
    
    var wheelPicker: some View {
        Picker("Picker", selection: $selection) {
            ForEach(1..<13) { index in
                Text("\(index)")
                    .tag("\(index)")
                    .foregroundColor(.red)
            }
        }
        .pickerStyle(WheelPickerStyle())
    }
    
    var segmentedPicker: some View {
        Picker("segmented", selection: $selection) {
            ForEach(0 ..< titleList.count) { index in
                let value = titleList[index]
                Text(value)
                    .tag(value)
            }
        }
        .pickerStyle(SegmentedPickerStyle())
    }
}

#Preview {
    PickerBootCamp()
}