要在 Xcode 中列出的选择器

Question

我正在制作一个学校时间表应用程序，您可以在其中 select 选项卡 2 上的日期显示另一天的时间表，但我无法将选择器选项转换为显示的日期.我已将每天的数据放入私有变量的 Amonday - Afriday 中，一旦我让选择器 selection 工作

，稍后将添加 b 版本（如选择器选项中所示）

Xcode Apple Watch 13.3 构建

import SwiftUI

struct Period: Identifiable {
    let name: String
    let id = UUID()
}

private var Amonday = [
    Period(name: "Maths"),
    Period(name: "Break: Library duty"),
    Period(name: "Science"),
    Period(name: "French"),
    Period(name: "Lunch: Library duty"),
    Period(name: "English"),
    Period(name: "Re")
]
private var Atuesday = [
    Period(name: "german"),
    Period(name: "break"),
    Period(name: "history"),
    Period(name: "science"),
    Period(name: "Lunch: Politics club"),
    Period(name: "dt"),
    Period(name: "maths")
]
private var Awednesday = [
    Period(name: "dt"),
    Period(name: "break"),
    Period(name: "german"),
    Period(name: "music"),
    Period(name: "lunch"),
    Period(name: "geography"),
    Period(name: "english")
]
private var Athursday = [
    Period(name: "art"),
    Period(name: "Break"),
    Period(name: "Geography"),
    Period(name: "Pe"),
    Period(name: "Lunch"),
    Period(name: "science"),
    Period(name: "history"),
]
private var Afriday = [
    Period(name: "English"),
    Period(name: "break"),
    Period(name: "Science"),
    Period(name: "Maths"),
    Period(name: "Lunch"),
    Period(name: "Pe"),
    Period(name: "Computeing")
]

var today = Amonday

var selectedday = 1

struct ContentView: View {
    var body: some View {
        TabView(selection: /*@START_MENU_TOKEN@*//*@PLACEHOLDER=Selection@*/.constant(1)/*@END_MENU_TOKEN@*/) {
            List(Amonday) {
                    Text([=11=].name)
                }
                .tabItem {  }.tag(1)
            
            Picker(selection: /*@START_MENU_TOKEN@*/.constant(1)/*@END_MENU_TOKEN@*/, label: Text("")
                .frame(height: 4.0)) {
                    Text("A - Monday").tag(1)
                    Text("A - Tuesday").tag(2)
                    Text("A - Wednesday").tag(3)
                    Text("A - Thursday").tag(4)
                    Text("A - Friday").tag(5)
                    Text("B - Monday").tag(6)
                    Text("B - Tuesday").tag(7)
                    Text("B - Wednesday").tag(8)
                    Text("B - Thursday").tag(9)
                    Text("B - Friday").tag(10)
                
                }.tabItem {  }.tag(2)
        }
        
        
    }
}

struct ContentView_Previews: PreviewProvider {
    static var previews: some View {
        ContentView()
            
    }
}

Answer 1

有很多方法可以解决这个问题，但一种选择是在 Period

中使用一个变量来存储日期信息

在你的情况下，这一天似乎是由日程表类型（A 和 B）和工作日组成的。

struct Period: Identifiable {
    let name: String
    //Day for the period
    let day: Day
    let id = UUID()
}
//Combine Schdule type with available day
struct Day: Hashable{
    let weekday: Days
    let schedule: Schedule
}
//Possible days
enum Days: String, CaseIterable, Identifiable{
    var id: String{
        rawValue
    }
    case monday
    case tuesday
    case wednesday
    case thursday
    case friday
}
//Schedule types
enum Schedule: String, CaseIterable, Identifiable{
    var id: String{
        rawValue
    }
    case a
    case b
}

有了 day 变量后，您就有了 Picker 使用 Day 对象作为选择变量。

然后你可以有一个过滤列表

private var schedule = [
    Period(name: "Maths", day: .init(weekday: .monday, schedule: .a)),
    Period(name: "Break: Library duty", day: .init(weekday: .monday, schedule: .a)),
    Period(name: "Science", day: .init(weekday: .monday, schedule: .a)),
    Period(name: "French", day: .init(weekday: .monday, schedule: .a)),
    Period(name: "Lunch: Library duty", day: .init(weekday: .monday, schedule: .a)),
    Period(name: "English", day: .init(weekday: .monday, schedule: .a)),
    Period(name: "Re", day: .init(weekday: .monday, schedule: .a)),
    
    Period(name: "german", day: .init(weekday: .tuesday, schedule: .a)),
    Period(name: "break", day: .init(weekday: .tuesday, schedule: .a)),
    Period(name: "history", day: .init(weekday: .tuesday, schedule: .a)),
    Period(name: "science", day: .init(weekday: .tuesday, schedule: .a)),
    Period(name: "Lunch: Politics club", day: .init(weekday: .tuesday, schedule: .a)),
    Period(name: "dt", day: .init(weekday: .tuesday, schedule: .a)),
    Period(name: "maths", day: .init(weekday: .tuesday, schedule: .a)),
    
    Period(name: "dt", day: .init(weekday: .wednesday, schedule: .a)),
    Period(name: "break", day: .init(weekday: .wednesday, schedule: .a)),
    Period(name: "german", day: .init(weekday: .wednesday, schedule: .a)),
    Period(name: "music", day: .init(weekday: .wednesday, schedule: .a)),
    Period(name: "lunch", day: .init(weekday: .wednesday, schedule: .a)),
    Period(name: "geography", day: .init(weekday: .wednesday, schedule: .a)),
    Period(name: "english", day: .init(weekday: .wednesday, schedule: .a)),
    
    Period(name: "art", day: .init(weekday: .thursday, schedule: .a)),
    Period(name: "Break", day: .init(weekday: .thursday, schedule: .a)),
    Period(name: "Geography", day: .init(weekday: .thursday, schedule: .a)),
    Period(name: "Pe", day: .init(weekday: .thursday, schedule: .a)),
    Period(name: "Lunch", day: .init(weekday: .thursday, schedule: .a)),
    Period(name: "science", day: .init(weekday: .thursday, schedule: .a)),
    Period(name: "history", day: .init(weekday: .thursday, schedule: .a)),
    
    Period(name: "English", day: .init(weekday: .friday, schedule: .a)),
    Period(name: "break", day: .init(weekday: .friday, schedule: .a)),
    Period(name: "Science", day: .init(weekday: .friday, schedule: .a)),
    Period(name: "Maths", day: .init(weekday: .friday, schedule: .a)),
    Period(name: "Lunch", day: .init(weekday: .friday, schedule: .a)),
    Period(name: "Pe", day: .init(weekday: .friday, schedule: .a)),
    Period(name: "Computeing", day: .init(weekday: .friday, schedule: .a))
]
struct PeriodView: View {
    //Selected Day for Picker
    @State var selectedday: Day? = nil
    //TabView selection
    @State var selection: Options = .list
    //Contains a filtered list if `selectedday != nil`
    var filteredSchedule: [Period]{
        schedule.filter({ period in
            if let selectedday = selectedday {
                return period.day.weekday == selectedday.weekday && period.day.schedule == selectedday.schedule
            }else{
                return true
            }
        })
    }
    var body: some View {
        TabView(selection: $selection) {
            VStack{
                if let selectedday = selectedday {
                    Text("\(selectedday.schedule.rawValue) - ".capitalized) + Text("\(selectedday.weekday.rawValue)".capitalized)
                }else{
                    Text("Showing All")
                }
                List(filteredSchedule) {
                    Text([=11=].name)
                }
            }
            .tabItem {
                Text("list")
            }.tag(Options.list)
            
            Picker(selection: $selectedday, label: Text("")){
                Text("All").tag(nil as Day?) //Types must match exactly
                ForEach(Days.allCases, id:\.id){ dCase in
                    Group{
                        Text("A - ".capitalized) + Text("\(dCase.rawValue)".capitalized)
                    }
                    .tag(Day(weekday: dCase, schedule: .a) as Day?) //Types must match exactly
                    Group{
                        Text("B - ".capitalized) + Text("\(dCase.rawValue)".capitalized)
                    }
                    .tag(Day(weekday: dCase, schedule: .b) as Day?) //Types must match exactly
                }
            }
            .tabItem {
                Text("selection")
            }
            .tag(Options.selection)
        }
    }
    enum Options{
        case list
        case selection
    }
}

struct PeriodView_Previews: PreviewProvider {
    static var previews: some View {
        PeriodView()
    }
}

要在 Xcode 中列出的选择器

picker to list in Xcode

xcode

apple-watch