SwiftUI：List/ForEach中的滑塊行為例外

如果沒有來自我沒有的第二個設備的錄音，很難解釋，但是當我嘗試滑動滑塊時，當我的手指肯定還在移動時，它就會停止。

我在下面發布了我的代碼。我很樂意回答任何問題并解釋任何內容。我確定這是我應該知道的非常簡單的事情。任何幫助將不勝感激，謝謝！

import SwiftUI
    
    class SettingsViewModel: ObservableObject {
        @Published var selectedTips = [
            10.0,
            15.0,
            18.0,
            20.0,
            25.0
        ]
        
        func addTip() {
            selectedTips.append(0.0)
            selectedTips.sort()
        }
        
        func removeTip(index: Int) {
            selectedTips.remove(at: index)
            selectedTips = selectedTips.compactMap{ $0 }
        }
    }
    
    struct SettingsTipsView: View {
        @StateObject var model = SettingsViewModel()
        
        var body: some View {
            List {
                HStack {
                    Text("Edit Suggested Tips")
                        .font(.title2)
                        .fontWeight(.semibold)
                    
                    Spacer()
                    
                    if(model.selectedTips.count < 5) {
                        Button(action: { model.addTip() }, label: {
                            Image(systemName: "plus.circle.fill")
                                .renderingMode(.original)
                                .font(.title3)
                                .padding(.horizontal, 10)
                        })
                            .buttonStyle(BorderlessButtonStyle())
                    }
                }
                
                ForEach(model.selectedTips, id: \.self) { tip in
                    let i = model.selectedTips.firstIndex(of: tip)!
                    
                    //If I don't have this debug line here then the LAST slider in the list tries to force the value to 1 constantly, even if I remove the last one, the new last slider does the same. It's from a separate file but it's pretty much the same as the array above. An explanation would be great.
                    Text("\(CalculatorViewModel.suggestedTips[i])")
    
                    HStack {
                        Text("\(tip, specifier: "%.0f")%")
                        Slider(value: $model.selectedTips[i], in: 1...99, label: { Text("Label") })
                        
                        if(model.selectedTips.count > 1) {
                            Button(action: { model.removeTip(index: i) }, label: {
                                Image(systemName: "minus.circle.fill")
                                    .renderingMode(.original)
                                    .font(.title3)
                                    .padding(.horizontal, 10)
                            })
                                .buttonStyle(BorderlessButtonStyle())
                        }
                    }
                }
            }
        }
    }

uj5u.com熱心網友回復：

使用id: \.self內List或者ForEach是在SwiftUI一個危險的想法。系統使用它來識別它所期望的獨特元素。但是，只要您移動滑塊，您就會得到一個與串列中另一個值相等的小費值。然后，SwiftUI 對哪個元素是哪個元素感到困惑。

要解決此問題，您可以使用具有真正唯一 ID 的專案。您還應該盡量避免使用索引來參考串列中的某些專案。我使用串列系結來避免這個問題。

struct Tip : Identifiable {
    var id = UUID()
    var tip : Double
}

class SettingsViewModel: ObservableObject {
    @Published var selectedTips : [Tip] = [
        .init(tip:10.0),
        .init(tip:15.0),
        .init(tip:18.0),
        .init(tip:20.0),
        .init(tip:25.0)
    ]
    
    func addTip() {
        selectedTips.append(.init(tip:0.0))
        selectedTips = selectedTips.sorted(by: { a, b in
            a.tip < b.tip
        })
    }
    
    func removeTip(id: UUID) {
        selectedTips = selectedTips.filter { $0.id != id }
    }
}

struct SettingsTipsView: View {
    @StateObject var model = SettingsViewModel()
    
    var body: some View {
        List {
            HStack {
                Text("Edit Suggested Tips")
                    .font(.title2)
                    .fontWeight(.semibold)
                
                Spacer()
                
                if(model.selectedTips.count < 5) {
                    Button(action: { model.addTip() }, label: {
                        Image(systemName: "plus.circle.fill")
                            .renderingMode(.original)
                            .font(.title3)
                            .padding(.horizontal, 10)
                    })
                        .buttonStyle(BorderlessButtonStyle())
                }
            }
            
            ForEach($model.selectedTips, id: \.id) { $tip in
                HStack {
                    Text("\(tip.tip, specifier: "%.0f")%")
                        .frame(width: 50) //Otherwise, the width changes while moving the slider. You could get fancier and try to use alignment guides for a more robust solution
                    Slider(value: $tip.tip, in: 1...99, label: { Text("Label") })
                    
                    if(model.selectedTips.count > 1) {
                        Button(action: { model.removeTip(id: tip.id) }, label: {
                            Image(systemName: "minus.circle.fill")
                                .renderingMode(.original)
                                .font(.title3)
                                .padding(.horizontal, 10)
                        })
                            .buttonStyle(BorderlessButtonStyle())
                    }
                }
            }
        }
    }
}

標籤：ios 迅速 迅捷 滑块

上一篇：為什么我在這個最簡單的NSAsynchronousFetchRequest用例中得到Multithreading_Violation_AllThatIsLeftToUsIsHonor？

下一篇：即使沒有錯誤，“Line3:”的代碼仍然會在OnErrorGoToLine3上運行