實驗目的：MVC 架構中的Model / View / Control 應該可以各自抽離，不互相影響，所以動念想將上個乘法選手擇題做出來的專案，View 的部份將Storyboard 抽換成 swiftUI ，看看control部份是否可以0修改使用。

直接把 QAs 拉進來

//
//  ContentView.swift
//  midterm-swiftUI
//
//  Created by RickKikiDevelope on 2023/4/4.
//

import SwiftUI


struct ContentView: View {
    
    @State var showAnswer = false
    @State var showScore = false
    @State var currentQuestion = "請按下方開始鈕"
    
    @State var qas = QAs()

    var body: some View {
        NavigationStack {
            VStack {
                VStack {
                    Text( qas.gameOver ? currentQuestion : "題號：\(qas.currentIndex + 1)")
                        .padding(10)
                    
                    Text("成積：\(qas.score)")
                }
                .padding(30)
                VStack{
                    Text (qas.gameOver ? "---" : " \(qas.topics[qas.currentIndex]! .question)")
                        .padding(30)
                    HStack {
                        Button("\(qas.topics[qas.currentIndex]!.answers[0]!.answer)") {
                            showAnswer = !qas.doAnswer(1)
                            showScore = qas.gameOver
                        }
                        .disabled(qas.gameOver)
                        Spacer()
                        Button("\(qas.topics[qas.currentIndex]!.answers[1]!.answer)") {
                            showAnswer = !qas.doAnswer(2)
                            showScore = qas.gameOver
                        }
                        .disabled(qas.gameOver)
                    }
                    .padding(30)
                    HStack {
                        Button("\(qas.topics[qas.currentIndex]!.answers[2]!.answer)") {
                            showAnswer = !qas.doAnswer(3)
                            showScore = qas.gameOver
                        }
                        .disabled(qas.gameOver)
                        
                        Spacer()
                        Button(
                            "\(qas.topics[qas.currentIndex]!.answers[3]!.answer)"){
                                showAnswer = !qas.doAnswer(4)
                                showScore = qas.gameOver
                            }
                            .disabled(qas.gameOver)
                    }
                    
                    .alert(isPresented: $showAnswer) {
                        Alert(
                            title: Text("錯誤"),
                            message: Text("答案是\(qas.rightAnswer)."),
                            dismissButton: .default(Text("OK"))
                        )
                    }
                    .padding(30)
                    Spacer()
                }
                
                NavigationLink(destination: ScoreView(score : qas.score)  , isActive: $showScore ) {
                    EmptyView()
                }
                Button("開始 / 重新") {
                    qas.begin()
                }
            }
            
            .font(.system(size: 30))
            .frame(width: 300)
            .padding()
        }
    }
}

struct ScoreView: View {
    let score : Int
    
    var body: some View {
        Text("成績 \(score)")
            .navigationTitle("Score")
    }
}

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

生成所需要的元件，然後呼叫原來的QAs 去處理題目生成及答案回答相關的作業，結果完全可以使用。

執行畫面

上一則：

https://medium.com/%E5%BD%BC%E5%BE%97%E6%BD%98%E7%9A%84-swift-ios-app-%E9%96%8B%E7%99%BC%E6%95%99%E5%AE%A4/%E6%9C%9F%E4%B8%AD%E6%B8%AC%E9%A9%97-%E4%B9%98%E6%B3%95%E9%81%B8%E6%93%87%E9%A1%8C%E6%B8%AC%E9%A9%97app-c6e8f8a44cf1