Mercurial > public > geoquiz
annotate GeoQuiz/GuessTheCountryView.swift @ 23:02dcebb8cc4a
fix layout issues
author | Dennis C. M. <dennis@denniscm.com> |
---|---|
date | Thu, 27 Oct 2022 09:17:13 +0200 |
parents | f140bb277c96 |
children | 425078c01194 |
rev | line source |
---|---|
6 | 1 // |
2 // GuessTheCountryView.swift | |
3 // GeoQuiz | |
4 // | |
5 // Created by Dennis Concepción Martín on 24/9/22. | |
6 // | |
7 | |
8 import SwiftUI | |
9 | |
10 struct GuessTheCountryView: View { | |
19 | 11 @StateObject var game = CityGameController() |
6 | 12 |
15
f1967f8cc67b
first iteration of core data
Dennis C. M. <dennis@denniscm.com>
parents:
10
diff
changeset
|
13 @Environment(\.managedObjectContext) var moc |
f1967f8cc67b
first iteration of core data
Dennis C. M. <dennis@denniscm.com>
parents:
10
diff
changeset
|
14 |
6 | 15 var body: some View { |
16 ZStack { | |
17 LinearGradient(gradient: .tertiary, startPoint: .top, endPoint: .bottom) | |
18 .ignoresSafeArea() | |
19 | |
20 GeometryReader { geo in | |
10
a793f33f05fb
refactor code and fix layout
Dennis C. M. <dennis@denniscm.com>
parents:
8
diff
changeset
|
21 VStack { |
6 | 22 GameToolbar(game: game, color: .pinkLavender) |
23 | 23 .padding(.bottom) |
6 | 24 |
25 Spacer() | |
10
a793f33f05fb
refactor code and fix layout
Dennis C. M. <dennis@denniscm.com>
parents:
8
diff
changeset
|
26 |
a793f33f05fb
refactor code and fix layout
Dennis C. M. <dennis@denniscm.com>
parents:
8
diff
changeset
|
27 CityMap(game: game) |
a793f33f05fb
refactor code and fix layout
Dennis C. M. <dennis@denniscm.com>
parents:
8
diff
changeset
|
28 .frame(height: geo.size.height * 0.35) |
23 | 29 .padding(.bottom) |
6 | 30 |
31 Spacer() | |
32 | |
10
a793f33f05fb
refactor code and fix layout
Dennis C. M. <dennis@denniscm.com>
parents:
8
diff
changeset
|
33 VStack(alignment: .leading) { |
6 | 34 VStack(alignment: .leading, spacing: 10) { |
35 Text("Question \(game.questionCounter) of \(game.data.count)") | |
36 .font(.title3) | |
37 .foregroundColor(.white.opacity(0.7)) | |
38 | |
39 Text("In what country is \(game.correctAnswer.key)?") | |
40 .font(.title) | |
41 .fontWeight(.semibold) | |
42 .foregroundColor(.white) | |
43 } | |
44 | |
10
a793f33f05fb
refactor code and fix layout
Dennis C. M. <dennis@denniscm.com>
parents:
8
diff
changeset
|
45 VStack(spacing: 15) { |
a793f33f05fb
refactor code and fix layout
Dennis C. M. <dennis@denniscm.com>
parents:
8
diff
changeset
|
46 ForEach(Array(game.userChoices.keys), id: \.self) { cityName in |
a793f33f05fb
refactor code and fix layout
Dennis C. M. <dennis@denniscm.com>
parents:
8
diff
changeset
|
47 Button { |
a793f33f05fb
refactor code and fix layout
Dennis C. M. <dennis@denniscm.com>
parents:
8
diff
changeset
|
48 game.answer((key: cityName, value: game.data[cityName]!)) { |
a793f33f05fb
refactor code and fix layout
Dennis C. M. <dennis@denniscm.com>
parents:
8
diff
changeset
|
49 game.selector() |
a793f33f05fb
refactor code and fix layout
Dennis C. M. <dennis@denniscm.com>
parents:
8
diff
changeset
|
50 } |
a793f33f05fb
refactor code and fix layout
Dennis C. M. <dennis@denniscm.com>
parents:
8
diff
changeset
|
51 } label: { |
a793f33f05fb
refactor code and fix layout
Dennis C. M. <dennis@denniscm.com>
parents:
8
diff
changeset
|
52 AnswerButton( |
19 | 53 name: game.data[cityName]!.country, |
10
a793f33f05fb
refactor code and fix layout
Dennis C. M. <dennis@denniscm.com>
parents:
8
diff
changeset
|
54 color: .blueBell |
a793f33f05fb
refactor code and fix layout
Dennis C. M. <dennis@denniscm.com>
parents:
8
diff
changeset
|
55 ) |
a793f33f05fb
refactor code and fix layout
Dennis C. M. <dennis@denniscm.com>
parents:
8
diff
changeset
|
56 .frame(height: geo.size.height * 0.08) |
8 | 57 } |
6 | 58 } |
59 } | |
60 } | |
10
a793f33f05fb
refactor code and fix layout
Dennis C. M. <dennis@denniscm.com>
parents:
8
diff
changeset
|
61 .frame(maxWidth: 500) |
6 | 62 } |
63 .padding() | |
64 } | |
65 } | |
66 .navigationBarHidden(true) | |
15
f1967f8cc67b
first iteration of core data
Dennis C. M. <dennis@denniscm.com>
parents:
10
diff
changeset
|
67 .modifier(GameAlertsModifier(game: game, gameType: .guessTheCountry, moc: moc)) |
6 | 68 } |
69 } | |
70 | |
71 struct GuessTheCountryView_Previews: PreviewProvider { | |
72 static var previews: some View { | |
7 | 73 GuessTheCountryView() |
10
a793f33f05fb
refactor code and fix layout
Dennis C. M. <dennis@denniscm.com>
parents:
8
diff
changeset
|
74 .previewDevice(PreviewDevice(rawValue: "iPhone 14 Pro Max")) |
a793f33f05fb
refactor code and fix layout
Dennis C. M. <dennis@denniscm.com>
parents:
8
diff
changeset
|
75 .previewDisplayName("iPhone 14 Pro Max") |
a793f33f05fb
refactor code and fix layout
Dennis C. M. <dennis@denniscm.com>
parents:
8
diff
changeset
|
76 |
a793f33f05fb
refactor code and fix layout
Dennis C. M. <dennis@denniscm.com>
parents:
8
diff
changeset
|
77 GuessTheCountryView() |
a793f33f05fb
refactor code and fix layout
Dennis C. M. <dennis@denniscm.com>
parents:
8
diff
changeset
|
78 .previewDevice(PreviewDevice(rawValue: "iPad Pro (12.9-inch) (5th generation)")) |
23 | 79 .previewDisplayName("iPad Pro (12.9-inch)") |
80 | |
81 GuessTheCountryView() | |
82 .previewDevice(PreviewDevice(rawValue: "iPhone 8")) | |
83 .previewDisplayName("iPhone 8") | |
6 | 84 } |
85 } |