我已经搜索和搜索SwiftUI切换情况菜单循环？

Question

我想有开关情况循环我的九个菜单，在那里我可以在任何给定的一个和菜单跳转到下一个随机选择，现在它目前旋转的顺序，无论我在哪里点击。

import Foundation
import SwiftUI
import CoreData
import Combine
import PDFKit
import SceneKit
import WebKit
 
 
struct Cotharticren: App {
  var body: some Scene {
        WindowGroup {
            ContentView()
        }
  }
}
 
     struct Option: Hashable {
        
         let title: String
       
         let imageName: String
     }
 
struct ContentView: View {
 
    @State var currentOption = 0
    
    let options: [Option] = [
        .init(title: "DART Meadow", imageName: "sun.max.fill"),
        .init(title: "Research", imageName: "flame"),
        .init(title: "Navigation", imageName: "moon.stars.fill"),
        .init(title: "Shelf", imageName: "archivebox"),
        .init(title: "Chest" ,imageName: "shippingbox"),
        .init(title: "Crate" ,imageName: "bonjour"),
        .init(title: "Manufactoring", imageName: "gear"),
        .init(title: "Warehouse", imageName: "archivebox.fill"),
        .init(title: "Journal", imageName: "note.text"),
       
    ]
    
    var body: some View {
        VStack(alignment: .leading) {
        HStack(alignment: .top) {
        ScrollView( .vertical) {
        NavigationView{
            /*
            List(1..<9)
            {
                     Text("\($0)")
                }
            .listStyle(SidebarListStyle())
            }
 */
            ListView(options: options, currentSelection: $currentOption)
         
            //Text(systemName: myItem.selectedImageName) + Text(myItem.whateverText)
           
            switch (currentOption) {
            case 1:
                OrbitNodeView()
            case 2:
                ATM26NodeView()
            case 3:
                NozzleNodeView()
            case 4:
                EmptyView()
                VStack(alignment: .center) {
                Text("Chest")
                    .font(.largeTitle)
                    .bold()
                    .colorInvert()
                }
            case 5:
                EmptyView()
                VStack(alignment: .center) {
                Text("Crate")
               
                    .font(.largeTitle)
                    .bold()
                    .colorInvert()
                }
            case 6:
                EmptyView()
                    VStack(alignment: .center) {
                    Text("Manufactoring")
                    .font(.largeTitle)
                    .bold()
                    .colorInvert()
                    }
            case 7:
                EmptyView()
                        VStack(alignment: .center) {
                        Text("Warehouse")
                    .font(.largeTitle)
                    .bold()
                    .colorInvert()
                        }
            case 8:
                   VStack(alignment: .center) {
                    Text("Journal")
                    .font(.largeTitle)
                    .bold()
                    .colorInvert()
                    .padding(.top, 60)
                       
                       Image("articrenmeadowopacity")
                           .shadow(radius: 3)
                    WebView()
                   
            }
            default:
                MainView()
           
            }
            
       }.background(Color.white)
       
        }
        
    }
        
        
        }
        Spacer()
    }
}
 
 
struct MainView: View {
 
    var body: some View{
        VStack(alignment: .leading) {
        HStack(alignment: .bottom) {
          
              
                Image("CotharticrenMainView")
                    .shadow(radius: 3)
   
        }
            }
        
        .frame(width: 900, height: 800, alignment: .center)
 
        Spacer()
        }
       
    }
  
 
 
 
struct ListView: View {
    let options: [Option]
    @Binding var currentSelection: Int
    var body: some View{
        
        
        VStack(alignment: .leading) {
        HStack(alignment: .top) {
            HStack(alignment: .top) {
                VStack(alignment: .trailing) {
            Circle()
                .stroke(Color.init(red: 0.9, green: 0.95, blue: 0.2, opacity: 1), lineWidth: 2)
                .alignmentGuide(HorizontalAlignment.myAlignment)
                                   { d in d[.leading] }
                .alignmentGuide(VerticalAlignment.myAlignment)
                                   { d in d[.bottom] }
                .frame(width: 50, height: 50)
                
                        Circle()
                            .stroke(Color.init(red: 0.25, green: 0.9, blue: 0.2, opacity: 1), lineWidth: 2)
                            .alignmentGuide(HorizontalAlignment.myAlignment)
                                               { d in d[.leading] }
                            .alignmentGuide(VerticalAlignment.myAlignment)
                                               { d in d[.bottom] }
                            .frame(width: 25, height: 25)
                            VStack(alignment: .leading) {
            Circle()
                .stroke(Color.init(red: 0.1, green: 0.1, blue: 1, opacity: 1), lineWidth: 2)
                .alignmentGuide(HorizontalAlignment.myAlignment)
                                   { d in d[.leading] }
                .alignmentGuide(VerticalAlignment.myAlignment)
                                   { d in d[.bottom] }
                .frame(width: 75, height: 75)
                }
                }
            }
            
            HStack(alignment: .top) {
        Image("DARTMeadowCSMwidthArtemis2by1")
               
            .shadow(radius: 3)
            .padding(.top, 10)
            }
                
            
            .padding(.top, 20)
 
        
        .padding(.trailing, 10)
        }.padding(.top, 20).padding(.leading, 10)
          
            HStack(alignment: .center) {
            VStack(alignment: .center) {
            
            Image("arrow300")
                HStack(alignment: .center) {
                Text("You've never plotted an Edge?")
                }
            }
            }.shadow(radius: 3)
 
        VStack(alignment: .leading) {
            let current = options[currentSelection]
            ForEach(options, id: \.self) {option in
                HStack {
                    
                    Image(systemName: option.imageName)
                        //.resizable()
                        //.aspectRatio(contentMode: .fit)
                        .frame(width: 20)
                    
                    Text(option.title)
                        .foregroundColor(current == option ? Color.blue : Color.white)
                   
                }
                .padding(8)
                
 
                .onTapGesture {
                    
                    currentSelection += 1
                    
                    if currentSelection == 9 {
                    currentSelection = 0
                    }
              }
            }
            Spacer()
        }.frame(width: 300, height: 800, alignment: .leading)
            
    }
        Spacer()
    }
        
}
 
 
 
 
struct WebView: View {
 
    var body: some View{
        VStack(alignment: .leading) {
        HStack(alignment: .bottom) {
          
              
                
   
                   
            }
        }
        .frame(width: 900, height: 800, alignment: .center)
 
        Spacer()
        }
       
    }

Answer 1

您可以将标识符添加到选项类中，并将其用于CurrentSelection，如果要设置选项，只需将CurrentSelection设置为Option.id:

另外：1：如果你想要答案，最好在发布代码之前对代码进行格式化（在Xcode中选择，Ctrl+我应该这样做），这样它就容易阅读和理解

2：一个最小的、可复制的示例不仅仅是发布您的全部代码，而是创建一个示例，该示例只包含显示您正在经历的问题所需的尽可能多的代码。我发布的代码将是一个更好的例子，它将工作而不必改变任何东西。您的代码包括对此处没有的对象的引用，因此可能的助手必须在测试您的问题之前删除这些引用

struct Option: Hashable, Identifiable {
    // Identifier for Option !! MUST be unique
    let id: Int
    let title: String
    let imageName: String
}

struct ContentView: View {
    @State var currentOption: Int = 0
    
    let options: [Option] = [
        .init(id: 1, title: "DART Meadow", imageName: "sun.max.fill"),
        .init(id: 2, title: "Research", imageName: "flame"),
        .init(id: 3, title: "Navigation", imageName: "moon.stars.fill"),
    ]
    
    var body: some View {
        GeometryReader { geo in
            HStack {
                ListView(options: options, currentSelection: $currentOption)
                    .frame(width: geo.size.width / 2, height: geo.size.height)
                switch (currentOption) {
                    case 1: Text("OrbitNodeView")
                    case 2: Text("ATM26NodeView")
                    case 3: Text("NozzleNodeView")
                    default: Text("MainView")
                }
            }
        }
    }
}


struct ListView: View {
    let options: [Option]
    @Binding var currentSelection: Int
    
    var body: some View{
        VStack(alignment: .leading) {
            ForEach(options, id: \.self) {option in
                HStack {
                    Image(systemName: option.imageName)
                        .frame(width: 20)
                    
                    Text(option.title)
                    // Don't even have to use current = options[currentSelection] anymore:
                        .foregroundColor(currentSelection == option.id ? .accentColor : .primary)
                }
                .padding(8)
                .onTapGesture {
                    // Set the currentSelection to the ID of the option
                    currentSelection = option.id
                }
            }
        }
    }
}