我正在制作一個學校時間表應用程式，您可以在其中選擇選項卡 2 上的日期，它會顯示當天的日程安排，但我無法將選擇器選擇轉換為顯示的日期。我已將每天的資料放入私人 var 的 Amonday - Afriday 中，一旦選擇器選擇正常作業，我將稍后添加 b 版本（如選擇器選項中所示）
為 Apple Watch 構建 Xcode 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($0.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()
}
}
uj5u.com熱心網友回復：
有很多方法可以解決這個問題，但一種選擇是使用一個變數來將日期資訊存盤在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($0.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()
}
}
轉載請註明出處，本文鏈接：https://www.uj5u.com/qukuanlian/445418.html