Отключить сегмент в SwiftUI SegmentedPickerStyle Picker?

Question

В моем приложении SwiftUI есть сегментированное средство выбора, и я хочу иметь возможность отключить один или несколько параметров в зависимости от доступности параметров, полученных из сетевого вызова. Код View выглядит примерно так:

    @State private var profileMetricSelection: Int = 0
    private var profileMetrics: [RVStreamMetric] = [.speed, .heartRate, .cadence, .power, .altitude]
    @State private var metricDisabled = [true, true, true, true, true]

    var body: some View {
        VStack(alignment: .leading, spacing: 2.0) {
            ...(some views)...
            Picker(selection: $profileMetricSelection, label: Text("")) {
                ForEach(0 ..< profileMetrics.count) { index in
                    Text(self.profileMetrics[index].shortName).tag(index)
                }
            }.pickerStyle(SegmentedPickerStyle())
            ...(some more views)...
        }
    }

Я хочу иметь возможность изменять массив metricDisabled на основе сетевых данных, чтобы представление redr aws включало соответствующие сегменты. В UIKit это можно сделать с помощью вызовов setEnabled(_:forSegmentAt:) в UISegmentedControl, но я не могу найти способ сделать это с помощью SwiftUI Picker

Я знаю, что могу прибегнуть к обертыванию UISegmentedControl в UIViewRepresentable, но до этого что я просто хотел проверить, я что-то не пропустил ...

Answer 1

Вы можете использовать этот простой трюк

import SwiftUI

struct ContentView: View {
    @State var selection = 0
    let data = [1, 2, 3, 4, 5]
    let disabled = [2, 3] // at index 2, 3
    var body: some View {

        let binding = Binding<Int>(get: {
            self.selection
        }) { (i) in
            if self.disabled.contains(i) {} else {
                self.selection = i
            }
        }

        return VStack {
            Picker(selection: binding, label: Text("label")) {
                ForEach(0 ..< data.count) { (i) in
                    Text("\(self.data[i])")
                }
            }.pickerStyle(SegmentedPickerStyle())
            Spacer()
        }
    }
}

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

Может быть, что-то вроде

ForEach(0 ..< data.count) { (i) in
    if !self.disabled.contains(i) {
        Text("\(self.data[i])")
    } else {
        Spacer()
    }
}

может помочь визуализировать это лучше

ПРИМЕЧАНИЯ (на основе обсуждения)

С точки зрения пользователя, Picker - это один элемент управления, который может быть отключен / enabled состояние.

Опция, выбранная в Picker, не является управляющей, это какое-то значение. Если вы создадите список элементов управления, представленных пользователю, некоторые из них можно будет отключить, просто чтобы проинформировать пользователя, что связанное с ним действие в настоящее время недоступно (например, меню, коллекция некоторых кнопок и т. Д. c.)

Я предлагаю вам показывать в пике только те значения, которые можно выбрать. Эта коллекция значений может быть обновлена ​​в любое время.

ОБНОВЛЕНИЕ

Вам нравится что-то подобное?

Никаких проблем ... (копировать - вставить - попробовать - изменить ...)

import SwiftUI

struct Data: Identifiable {
    let id: Int
    let value: Int
    var disabled: Bool
}

struct ContentView: View {
    @State var selection = -1
    @State var data = [Data(id: 0, value: 10, disabled: true), Data(id: 1, value: 20, disabled: true), Data(id: 2, value: 3, disabled: true), Data(id: 3, value: 4, disabled: true), Data(id: 4, value: 5, disabled: true)]
    var filteredData: [Data] {
        data.filter({ (item) -> Bool in
            item.disabled == false
        })
    }
    var body: some View {
        VStack {
            VStack(alignment: .leading, spacing: 0) {
                Text("Select from avaialable")
                    .padding(.horizontal)
                    .padding(.top)
                HStack {
                    GeometryReader { proxy in
                        Picker(selection: self.$selection, label: Text("label")) {
                            ForEach(self.filteredData) { (item) in
                                Text("\(item.value.description)").tag(item.id)
                            }
                        }
                        .pickerStyle(SegmentedPickerStyle())
                        .frame(width: CGFloat(self.filteredData.count) * proxy.size.width / CGFloat(self.data.count), alignment: .topLeading)

                        Spacer()
                    }.frame(height: 40)
                }.padding()
            }.background(Color.yellow.opacity(0.2)).cornerRadius(20)
            Button(action: {
                (0 ..< self.data.count).forEach { (i) in
                    self.data[i].disabled = false
                }
            }) {
                Text("Enable all")
            }
            Button(action: {
                self.data[self.selection].disabled = true
                self.selection = -1
            }) {
                Text("Disable selected")
            }.disabled(selection < 0)
            Spacer()
        }
    }
}

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