Mercurial > public > geoquiz
annotate GeoQuiz/GuessTheCapitalView.swift @ 23:02dcebb8cc4a
fix layout issues
| author | Dennis C. M. <dennis@denniscm.com> |
|---|---|
| date | Thu, 27 Oct 2022 09:17:13 +0200 |
| parents | b145c408f791 |
| children | 425078c01194 |
| 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 { | |
| 19 | 11 @StateObject var game = CountryGameController() |
| 0 | 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 |
| 0 | 15 var body: some View { |
| 16 ZStack { | |
| 17 LinearGradient(gradient: .secondary, 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: .atomicTangerine) |
| 23 | 23 .padding(.bottom) |
| 6 | 24 |
| 25 Spacer() | |
| 26 | |
| 21 | 27 Image(game.correctAnswer.value.flag) |
| 28 .renderingMode(.original) | |
| 29 .resizable() | |
| 30 .scaledToFit() | |
|
10
a793f33f05fb
refactor code and fix layout
Dennis C. M. <dennis@denniscm.com>
parents:
8
diff
changeset
|
31 .clipShape(RoundedRectangle(cornerRadius: 20)) |
| 6 | 32 .shadow(radius: 10) |
| 33 .frame(height: geo.size.height * 0.15) | |
| 34 | |
| 35 Spacer() | |
| 36 | |
|
10
a793f33f05fb
refactor code and fix layout
Dennis C. M. <dennis@denniscm.com>
parents:
8
diff
changeset
|
37 VStack(alignment: .leading) { |
| 6 | 38 VStack(alignment: .leading, spacing: 10) { |
| 39 Text("Question \(game.questionCounter) of \(game.data.count)") | |
| 40 .font(.title3) | |
| 41 .foregroundColor(.white.opacity(0.7)) | |
| 42 | |
| 43 Text("What is the capital of \(game.correctAnswer.key)?") | |
| 44 .font(.title) | |
| 45 .fontWeight(.semibold) | |
| 46 .foregroundColor(.white) | |
| 47 } | |
| 0 | 48 |
|
10
a793f33f05fb
refactor code and fix layout
Dennis C. M. <dennis@denniscm.com>
parents:
8
diff
changeset
|
49 VStack(spacing: 15) { |
|
a793f33f05fb
refactor code and fix layout
Dennis C. M. <dennis@denniscm.com>
parents:
8
diff
changeset
|
50 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
|
51 Button { |
|
a793f33f05fb
refactor code and fix layout
Dennis C. M. <dennis@denniscm.com>
parents:
8
diff
changeset
|
52 game.answer((key: countryName, value: game.data[countryName]!)) { |
|
a793f33f05fb
refactor code and fix layout
Dennis C. M. <dennis@denniscm.com>
parents:
8
diff
changeset
|
53 game.selector() |
|
a793f33f05fb
refactor code and fix layout
Dennis C. M. <dennis@denniscm.com>
parents:
8
diff
changeset
|
54 } |
|
a793f33f05fb
refactor code and fix layout
Dennis C. M. <dennis@denniscm.com>
parents:
8
diff
changeset
|
55 } label: { |
|
a793f33f05fb
refactor code and fix layout
Dennis C. M. <dennis@denniscm.com>
parents:
8
diff
changeset
|
56 AnswerButton( |
| 19 | 57 name: game.data[countryName]!.capital, |
|
10
a793f33f05fb
refactor code and fix layout
Dennis C. M. <dennis@denniscm.com>
parents:
8
diff
changeset
|
58 color: .chinaPink |
|
a793f33f05fb
refactor code and fix layout
Dennis C. M. <dennis@denniscm.com>
parents:
8
diff
changeset
|
59 ) |
|
a793f33f05fb
refactor code and fix layout
Dennis C. M. <dennis@denniscm.com>
parents:
8
diff
changeset
|
60 .frame(height: geo.size.height * 0.08) |
| 8 | 61 } |
| 6 | 62 } |
| 0 | 63 } |
| 64 } | |
|
10
a793f33f05fb
refactor code and fix layout
Dennis C. M. <dennis@denniscm.com>
parents:
8
diff
changeset
|
65 .frame(maxWidth: 500) |
| 6 | 66 } |
| 67 .padding() | |
| 0 | 68 } |
| 69 } | |
| 70 .navigationBarHidden(true) | |
|
15
f1967f8cc67b
first iteration of core data
Dennis C. M. <dennis@denniscm.com>
parents:
10
diff
changeset
|
71 .modifier(GameAlertsModifier(game: game, gameType: .guessTheCapital, moc: moc)) |
| 0 | 72 } |
| 73 } | |
| 74 | |
|
10
a793f33f05fb
refactor code and fix layout
Dennis C. M. <dennis@denniscm.com>
parents:
8
diff
changeset
|
75 struct GuessTheCapitalView_Previews: PreviewProvider { |
| 0 | 76 static var previews: some View { |
|
10
a793f33f05fb
refactor code and fix layout
Dennis C. M. <dennis@denniscm.com>
parents:
8
diff
changeset
|
77 GuessTheCapitalView() |
|
a793f33f05fb
refactor code and fix layout
Dennis C. M. <dennis@denniscm.com>
parents:
8
diff
changeset
|
78 .previewDevice(PreviewDevice(rawValue: "iPhone 14 Pro Max")) |
|
a793f33f05fb
refactor code and fix layout
Dennis C. M. <dennis@denniscm.com>
parents:
8
diff
changeset
|
79 .previewDisplayName("iPhone 14 Pro Max") |
|
a793f33f05fb
refactor code and fix layout
Dennis C. M. <dennis@denniscm.com>
parents:
8
diff
changeset
|
80 |
|
a793f33f05fb
refactor code and fix layout
Dennis C. M. <dennis@denniscm.com>
parents:
8
diff
changeset
|
81 GuessTheCapitalView() |
|
a793f33f05fb
refactor code and fix layout
Dennis C. M. <dennis@denniscm.com>
parents:
8
diff
changeset
|
82 .previewDevice(PreviewDevice(rawValue: "iPad Pro (12.9-inch) (5th generation)")) |
| 23 | 83 .previewDisplayName("iPad Pro (12.9-inch)") |
| 84 | |
| 85 GuessTheCapitalView() | |
| 86 .previewDevice(PreviewDevice(rawValue: "iPhone 8")) | |
| 87 .previewDisplayName("iPhone 8") | |
| 0 | 88 } |
| 89 } |