Предварительный выбор элемента на LazyHGrid

Question

Привет всем, я работаю с LazyHGrid. Сетка показывает 19 ячеек, разделенных на 2 строки, и их содержимое — это время, которое пользователь может выбрать.

У меня проблема с предварительным выбором, т.е. я хотел бы, чтобы при отображении горизонтальной сетки был виден например предварительный выбор на основе текущего времени

Я приведу вам пример сетки

---

| 9:30 | - | 10:00 | - | 10:30 | - | 11:00 |

---

Если в это время 10:20 , я бы хотел, чтобы ячейка, содержащая текст 10:30 , автоматически выбиралась, когда пользователь впервые видит сетку.

---

| 9:30 | - | 10:00 | - | 10:30 | - | 11:00 |
Предварительный выбор в 10:30 , если текущее время 10:20

---

Короче говоря, мне нужно выбрать ячейку, содержащую время на полчаса раньше текущего времени.

Это то, что я сделал до сих пор

Можешь мне помочь?

      struct TimeSelectorView: View {
    
    @State private var selectedItem: Int = 0
    
    @Binding var date: Date
    
    var body: some View {
        
        VStack (alignment: .center, spacing: 20) {
            ScrollView(.horizontal, showsIndicators: false) {
                ScrollViewReader { reader in
                    LazyHGrid(rows: Array(repeating: GridItem(.adaptive(minimum: 100, maximum: .infinity), spacing: 0), count: 2), spacing: 0) {
                        ForEach(reservationTimeItems.indices) { value in
                        
                            TimeSelectorCellView(selectedItem: $selectedItem, 
                              date: $date, 
                              hours: reservationTimeItems[value].hour, 
                              minute: reservationTimeItems[value].minute, 
                              item: value)
                                
                            .frame(width: (screen.size.width - 20 ) / 4)
                            .padding([.top, .bottom], 10)
                            .id(value)
                        }
                    }
                    .onAppear { scrollTo((8, 12, 0), reader) }
                    .onChange(of: date) { _ in scrollTo((8, 12, 0), reader) }
                }
            }
            .frame(height: 110)
        }
    }
}


struct TimeSelectorCellView: View {
       
    @Binding var selectedItem: Int
    @Binding var date: Date
    
    private var selectionColor: Color { selected ? .greenApp : .white }
    private var selectionOpacity: CGFloat { selected ? 1 : 0 }
    
    private var selected: Bool {
        return hours == Calendar.current.component(.hour, from: date.nextHalfHour()) &&
        minute == Calendar.current.component(.minute, from: date.nextHalfHour())
    }
    
    private var disableItem: Bool {
        // Disabilita la cella nel caso in cui la data selezionata è quella di oggi e l'orario della data corrente è inferiore a quello contenuto nella cella
        Date().checkTime(hour: hours, minute: minute) && date.isToday()
        // oppure se la data selezionata è inferiore a quella corrente
        || date.isPreviousDate()
    }
    
    var hours: Int // Ore della data
    var minute: Int // Minuti della data
    var item: Int

    var body: some View {
        
        VStack(alignment: .leading, spacing: 10) {
            
            HStack(alignment: .center, spacing: 2) {
                                
                Text(hours < 10 ? "0\(hours)" : "\(hours)")
                    .foregroundColor(disableItem ? disabledColor : selectionColor)
                    .font(.system(size: 23))
                
                // Minuti
                HStack(spacing: 3) {
                    Text(":").foregroundColor(.white)
                    Text(minute < 10 ? "0\(minute)" : "\(minute)")
                        .foregroundColor(disableItem ? disabledColor : selectionColor)
                }
                .font(.footnote)
            }
        }
        // Selezione e feedback tattile
        .onTapGesture {
            UIImpactFeedbackGenerator(style: .medium).impactOccurred()

            DispatchQueue.main.async {
                withAnimation(.easeInOut(duration: animationDuration)) {
                    // Gestisce la selezione della cella
                        selectedItem = item
                }
            }

            date = Calendar.current.date(bySettingHour: hours, minute: minute, second: 0, of: date)!
        }
        .disabled(disableItem)
    }
}

Answer 1

Тип не указан в предоставленном коде, поэтому предполагается, что reservationTimeItemsимеет тип [ReservationTime], куда ReservationTimeопределяется следующим образом:

      struct ReservationTime: Identifiable, Equatable {
    let id: UUID = UUID()
    var hour: Int
    var minute: Int
    
    static func ==(lhs: ReservationTime, rhs: ReservationTime) -> Bool {
        lhs.hour == rhs.hour && lhs.minute == rhs.minute
    }
}

Я бы добавил это расширение:

      extension Date {
    var hour: Int {
        Calendar.current.dateComponents([.hour], from: self).hour ?? 0
    }
    var minute: Int {
        Calendar.current.dateComponents([.minute], from: self).minute ?? 0
    }
    var nextReservationTime: ReservationTime {
        let nextHalfHour = self.minute < 30 ? self.hour : (self.hour + 1) % 24
        let nextHalfMinute = self.minute < 30 ? 30 : 0
        
        return ReservationTime(hour: nextHalfHour, minute: nextHalfMinute)
    }
}

а потом, в TimeSelectorView:

      struct TimeSelectorView: View {
    @State private var selectedItem: Int = 0  

    // ...
    
    var body: some View {
        VStack(alignment: .center, spacing: 20) {
            // ...
        }.onAppear {
            selectedItem = reservationTimeItems.firstIndex(of: Date().nextReservationTime) ?? 0
        }
    }
}