article

Wednesday, July 28, 2021

SwiftUI Simple Quiz

SwiftUI Simple Quiz

ContentView.swift
?
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
//
//  ContentView.swift
//  Test
//
//  Created by Cairocoders
//
 
import SwiftUI
 
struct ContentView: View {
     
    //var for the score
    @State var score = 0
     
    var body: some View {
        NavigationView{
            VStack(spacing: 20){
                 
                Text("Welcome to the quiz game")
                 
                //button to start the quiz
                NavigationLink(destination: Quiz1()) {
                    Text("START QUIZ")
                }
                HStack{
                    //display your score
                    Text("last score : \(self.score) / \(myQuiz1.count)")
                        .onAppear(){ //refresh score
                            self.score = LoadScore(quiz: "myQuiz1")
                    }
                }
            }
            .navigationBarTitle("Quiz example",displayMode: .inline)
        }
    }
}
 
struct ContentView_Previews: PreviewProvider {
    static var previews: some View {
        ContentView()
    }
}
quizModel.swift
?
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
//
//  quizModel.swift
//  Test
//
//  Created by Cairocoders
//
 
import Foundation
 
struct QuizModel  {
    var img : String?
    var text : String?
    var answer : [String]
    //specify what is the correct answer
    var correct : Int?
}
 
//final quiz is an array of quizmodel
var myQuiz1 : [QuizModel] = [
 
    QuizModel(img: "flag1",
    text: "Celebrities like Beyoncé Knowles and her sister Solange have been seen wearing the colourful and highly fashionable material called Kente cloth made in this West African country. The colours are very symbolic: the red represents the country's struggle for freedom, the yellow is for the country's wealth in minerals like gold and the green shows its lush forestry.",
    answer: ["South Africa","Madagascar","Georgia","Ghana"],
    correct: 3),
     
    QuizModel(img: "flag2",
    text: "Located in the centre of the continent of Europe, this country is surrounded by Austria, Slovakia and Romania. It is known for being the birthplace of many world famous pianists, orchestra conductors and opera singers. The red in this country's flag symbolizes strength, the green represents hope and the white is for faithfulness.",
    answer: ["Italy","Hungary","Mexico","Libya"],
    correct: 1),
     
    QuizModel(img: "flag3",
    text: "On this flag, the green is for the beautiful fields and forests and the yellow is for the gold that can be found in this soccer crazy South American country! Also known for its samba music and world famous carnival, the country is divided into 27 districts and they are represented by the same number of stars on the flag.",
    answer: ["Mexico","Cuba","Ecuador","Brazil"],
    correct: 3),
     
    QuizModel(img: "flag4",
    text: "The people in this country, located between Afghanistan and India, might greet you by saying either Salam (hi!) or Khush Aamdeed (Welcome!). The colours green and white together mean peace and success. The crescent moon is for progress and the star represents knowledge.",
    answer: ["Iraq","Turkey","Pakistan","Nepal"],
    correct: 2),
     
    QuizModel(img: "flag5",
    text: "This island country located in Southeast Asia is a neighbour to Taiwan, Vietnam and Indonesia. If you are there, expect to be treated to music played on the mandolin, guitar, ukulele and other stringed instruments in a band known as a rondalla. The white triangle on the flag represents peace, the red is for bravery and the blue is for patriotism (loyalty and love for your country). The three gold stars and the sun are symbols of the three main areas that the country is divided into.",
    answer: ["Australia","The Philippines","Malaysia","South Korea"],
    correct: 1),
 
]
 
func SaveScore(quiz : String , score : Int){
    UserDefaults.standard.set(score, forKey: quiz)
}
 
func LoadScore (quiz : String) -> Int{
    return UserDefaults.standard.integer(forKey: quiz)
}
QuizView.swift
?
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
//
//  QuizView.swift
//  Test
//
//  Created by Cairocoders
//
 
import SwiftUI
 
//view for the quiz game
struct Quiz1 : View {
     
    //number of question
    @State var i : Int = 0
     
    //var for the score
    @State var score = 0
    @State private var showActionSheet = false
     
    var body: some View {
        VStack(alignment: .leading,spacing: 15){
             
            //if i < of questions --> play question
            if(self.i < myQuiz1.count){
                 
                 
                //image of the question
                Image(myQuiz1[self.i].img!)
                    .resizable()
                    .scaledToFit()
                    .padding(.horizontal)
                 
                //text of the question
                Text(myQuiz1[self.i].text!)
                 
                 
                //answer 0
                Button(action:{
                    self.showActionSheet = true
                    self.buttonAction(n: 0)
                },label: {
                    Text(myQuiz1[self.i].answer[0])
                        .foregroundColor(.black)
                        .padding()
                        .frame(maxWidth: .infinity, alignment: .leading)
                        .background(
                            RoundedRectangle(cornerRadius: 8)
                                .stroke(Color.blue,lineWidth: 2)
                        )
                })
                .actionSheet(isPresented: $showActionSheet) {
                    ActionSheet(
                        title: Text("Score"),
                        message: Text("Score : \(self.score) / \(myQuiz1.count)"),
                        buttons: [
                            .cancel { print(self.showActionSheet) }
                        ]
                    )
                }
                 
                //answer 1
                Button(action:{
                    self.buttonAction(n: 1)
                    self.showActionSheet = true
                },label: {
                    Text(myQuiz1[self.i].answer[1])
                        .foregroundColor(.black)
                        .padding()
                        .frame(maxWidth: .infinity, alignment: .leading)
                        .background(
                            RoundedRectangle(cornerRadius: 8)
                                .stroke(Color.blue,lineWidth: 2)
                        )
                })
                .actionSheet(isPresented: $showActionSheet) {
                    ActionSheet(
                        title: Text("Score"),
                        message: Text("Score : \(self.score) / \(myQuiz1.count)"),
                        buttons: [
                            .cancel { print(self.showActionSheet) }
                        ]
                    )
                }
                 
                //answer 2
                Button(action:{
                    self.buttonAction(n: 2)
                    self.showActionSheet = true
                },label: {
                    Text(myQuiz1[self.i].answer[2])
                        .foregroundColor(.black)
                        .padding()
                        .frame(maxWidth: .infinity, alignment: .leading)
                        .background(
                            RoundedRectangle(cornerRadius: 8)
                                .stroke(Color.blue,lineWidth: 2)
                        )
                })
                .actionSheet(isPresented: $showActionSheet) {
                    ActionSheet(
                        title: Text("Score"),
                        message: Text("Score : \(self.score) / \(myQuiz1.count)"),
                        buttons: [
                            .cancel { print(self.showActionSheet) }
                        ]
                    )
                }
                 
                //answer 3
                Button(action:{
                    self.buttonAction(n: 3)
                    self.showActionSheet = true
                },label: {
                    Text(myQuiz1[self.i].answer[3])
                        .foregroundColor(.black)
                        .padding()
                        .frame(maxWidth: .infinity, alignment: .leading)
                        .background(
                            RoundedRectangle(cornerRadius: 8)
                                .stroke(Color.blue,lineWidth: 2)
                        )
                })
                .actionSheet(isPresented: $showActionSheet) {
                    ActionSheet(
                        title: Text("Score"),
                        message: Text("Score : \(self.score) / \(myQuiz1.count)"),
                        buttons: [
                            .cancel { print(self.showActionSheet) }
                        ]
                    )
                }
 
            }
                 
            //after last question --> show final view with score
            else{
                FinalView(score : self.score)
            }
             
             
        }
        .padding(.horizontal)
    }
     
     
    //action of the buttons
    //n = answer [0,1,2,3]
    func buttonAction( n : Int){
        //if answer is correct increment score
        if(myQuiz1[self.i].correct == n){
            self.score = self.score + 1
        }
        //GO TO NEXT QUESTION
        self.i = self.i + 1
         
    }
     
     
}
 
struct Quiz1_reviews: PreviewProvider {
    static var previews: some View {
        Quiz1()
    }
}
FinalView.swift
?
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
//
//  FinalView.swift
//  Test
//
//  Created by Cairocoders
//
 
import SwiftUI
 
struct FinalView : View {
    var score : Int
    var body: some View {
        VStack{
            Text("Final Score : \(score)")
            .onAppear(){
                SaveScore(quiz: "myQuiz1", score: self.score)
            }
        }
    }
}
struct FinalView_Previews: PreviewProvider {
    static var previews: some View {
        FinalView(score: 1)
    }
}

Posted by ednalan at 11:59 PM . Under .

Related Post