Mercurial > public > geoquiz
annotate GeoQuiz/GuessTheCapitalView.swift @ 10:a793f33f05fb
refactor code and fix layout
author | Dennis C. M. <dennis@denniscm.com> |
---|---|
date | Sat, 08 Oct 2022 21:36:40 +0200 |
parents | e09959b4e4a8 |
children | f1967f8cc67b |
rev | line source |
---|---|
0 | 1 // |
2 // GuessTheCapitalView.swift | |
3 // GeoQuiz | |
4 // | |
5 // Created by Dennis Concepción Martín on 14/9/22. | |
6 // | |
7 | |
8 import SwiftUI | |
9 | |
10 struct GuessTheCapitalView: View { | |
6 | 11 @StateObject var game = CountryGame() |
0 | 12 |
13 var body: some View { | |
14 ZStack { | |
15 LinearGradient(gradient: .secondary, startPoint: .top, endPoint: .bottom) | |
16 .ignoresSafeArea() | |
17 | |
18 GeometryReader { geo in | |
10
a793f33f05fb
refactor code and fix layout
Dennis C. M. <dennis@denniscm.com>
parents:
8
diff
changeset
|
19 VStack { |
6 | 20 GameToolbar(game: game, color: .atomicTangerine) |
21 | |
22 Spacer() | |
23 | |
24 FlagImage(flagSymbol: game.correctAnswer.value.flag, cornerRadius: 20) | |
10
a793f33f05fb
refactor code and fix layout
Dennis C. M. <dennis@denniscm.com>
parents:
8
diff
changeset
|
25 .clipShape(RoundedRectangle(cornerRadius: 20)) |
6 | 26 .shadow(radius: 10) |
27 .frame(height: geo.size.height * 0.15) | |
28 | |
29 Spacer() | |
30 | |
10
a793f33f05fb
refactor code and fix layout
Dennis C. M. <dennis@denniscm.com>
parents:
8
diff
changeset
|
31 VStack(alignment: .leading) { |
6 | 32 VStack(alignment: .leading, spacing: 10) { |
33 Text("Question \(game.questionCounter) of \(game.data.count)") | |
34 .font(.title3) | |
35 .foregroundColor(.white.opacity(0.7)) | |
36 | |
37 Text("What is the capital of \(game.correctAnswer.key)?") | |
38 .font(.title) | |
39 .fontWeight(.semibold) | |
40 .foregroundColor(.white) | |
41 } | |
0 | 42 |
10
a793f33f05fb
refactor code and fix layout
Dennis C. M. <dennis@denniscm.com>
parents:
8
diff
changeset
|
43 VStack(spacing: 15) { |
a793f33f05fb
refactor code and fix layout
Dennis C. M. <dennis@denniscm.com>
parents:
8
diff
changeset
|
44 ForEach(Array(game.userChoices.keys), id: \.self) { countryName in |
a793f33f05fb
refactor code and fix layout
Dennis C. M. <dennis@denniscm.com>
parents:
8
diff
changeset
|
45 Button { |
a793f33f05fb
refactor code and fix layout
Dennis C. M. <dennis@denniscm.com>
parents:
8
diff
changeset
|
46 game.answer((key: countryName, value: game.data[countryName]!)) { |
a793f33f05fb
refactor code and fix layout
Dennis C. M. <dennis@denniscm.com>
parents:
8
diff
changeset
|
47 game.selector() |
a793f33f05fb
refactor code and fix layout
Dennis C. M. <dennis@denniscm.com>
parents:
8
diff
changeset
|
48 } |
a793f33f05fb
refactor code and fix layout
Dennis C. M. <dennis@denniscm.com>
parents:
8
diff
changeset
|
49 } label: { |
a793f33f05fb
refactor code and fix layout
Dennis C. M. <dennis@denniscm.com>
parents:
8
diff
changeset
|
50 AnswerButton( |
a793f33f05fb
refactor code and fix layout
Dennis C. M. <dennis@denniscm.com>
parents:
8
diff
changeset
|
51 optionName: game.data[countryName]!.capital, |
a793f33f05fb
refactor code and fix layout
Dennis C. M. <dennis@denniscm.com>
parents:
8
diff
changeset
|
52 color: .chinaPink |
a793f33f05fb
refactor code and fix layout
Dennis C. M. <dennis@denniscm.com>
parents:
8
diff
changeset
|
53 ) |
a793f33f05fb
refactor code and fix layout
Dennis C. M. <dennis@denniscm.com>
parents:
8
diff
changeset
|
54 .frame(height: geo.size.height * 0.08) |
8 | 55 } |
6 | 56 } |
0 | 57 } |
58 } | |
10
a793f33f05fb
refactor code and fix layout
Dennis C. M. <dennis@denniscm.com>
parents:
8
diff
changeset
|
59 .frame(maxWidth: 500) |
6 | 60 } |
61 .padding() | |
0 | 62 } |
63 } | |
64 .navigationBarHidden(true) | |
7 | 65 .modifier(GameAlertsModifier(game: game)) |
0 | 66 } |
67 } | |
68 | |
10
a793f33f05fb
refactor code and fix layout
Dennis C. M. <dennis@denniscm.com>
parents:
8
diff
changeset
|
69 struct GuessTheCapitalView_Previews: PreviewProvider { |
0 | 70 static var previews: some View { |
10
a793f33f05fb
refactor code and fix layout
Dennis C. M. <dennis@denniscm.com>
parents:
8
diff
changeset
|
71 GuessTheCapitalView() |
a793f33f05fb
refactor code and fix layout
Dennis C. M. <dennis@denniscm.com>
parents:
8
diff
changeset
|
72 .previewDevice(PreviewDevice(rawValue: "iPhone 14 Pro Max")) |
a793f33f05fb
refactor code and fix layout
Dennis C. M. <dennis@denniscm.com>
parents:
8
diff
changeset
|
73 .previewDisplayName("iPhone 14 Pro Max") |
a793f33f05fb
refactor code and fix layout
Dennis C. M. <dennis@denniscm.com>
parents:
8
diff
changeset
|
74 |
a793f33f05fb
refactor code and fix layout
Dennis C. M. <dennis@denniscm.com>
parents:
8
diff
changeset
|
75 GuessTheCapitalView() |
a793f33f05fb
refactor code and fix layout
Dennis C. M. <dennis@denniscm.com>
parents:
8
diff
changeset
|
76 .previewDevice(PreviewDevice(rawValue: "iPad Pro (12.9-inch) (5th generation)")) |
a793f33f05fb
refactor code and fix layout
Dennis C. M. <dennis@denniscm.com>
parents:
8
diff
changeset
|
77 .previewDisplayName("iPad Pro (12.9-inch) (5th generation)") |
0 | 78 } |
79 } |