felixfoertsch/bundesmessenger-ios
1
0
Fork 0
mirror of https://gitlab.opencode.de/bwi/bundesmessenger/clients/bundesmessenger-ios.git synced 2026-04-20 00:24:43 +02:00
Code Issues Packages Projects Releases Wiki Activity

Polish for Onboarding Carousel

Browse Source 
Add dark mode assets and colours.
Improve layout for 12" iPad and 4" iPhone.
Move isLockedToPortraitOnPhone to RiotNavigationController.
This commit is contained in:
Doug
2022-01-17 17:37:59 +00:00
parent 8cc6644378
commit af0785b2bb
22 changed files with 2484 additions and 151 deletions
Download Patch File Download Diff File Expand all files Collapse all files
RiotSwiftUI/Modules/Onboarding/SplashScreen/View/OnboardingSplashScreenPage.swift
+35 -31
View File
@@ -28,44 +28,48 @@ struct OnboardingSplashScreenPage: View {
let content: OnboardingSplashScreenPageContent
let overlayHeight: CGFloat
var isDarkModeEnabled: Bool {
theme.identifier != .light
}
// MARK: - Views
@ViewBuilder
var backgroundGradient: some View {
LinearGradient(gradient: content.gradient, startPoint: .leading, endPoint: .trailing)
.flipsForRightToLeftLayoutDirection(true)
.opacity(0.2)
if !isDarkModeEnabled {
LinearGradient(gradient: content.gradient, startPoint: .leading, endPoint: .trailing)
.flipsForRightToLeftLayoutDirection(true)
}
}
var body: some View {
VStack {
Color.clear
.overlay(
Image(content.image.name)
.resizable()
.scaledToFit()
)
Color.clear
.overlay(
VStack(spacing: 8) {
Spacer()
OnboardingSplashScreenTitleText(content.title)
.font(theme.fonts.title2B)
.foregroundColor(theme.colors.primaryContent)
Text(content.message)
.font(theme.fonts.body)
.foregroundColor(theme.colors.secondaryContent)
.multilineTextAlignment(.center)
Spacer()
Spacer()
}
)
Spacer()
.frame(height: overlayHeight)
VStack {
Image(isDarkModeEnabled ? content.darkImage.name : content.image.name)
.resizable()
.scaledToFit()
.frame(maxWidth: 300)
.padding(20)
VStack(spacing: 8) {
OnboardingSplashScreenTitleText(content.title)
.font(theme.fonts.title2B)
.foregroundColor(theme.colors.primaryContent)
Text(content.message)
.font(theme.fonts.body)
.foregroundColor(theme.colors.secondaryContent)
.multilineTextAlignment(.center)
}
.padding(.bottom)
Spacer()
Spacer()
.frame(maxHeight: overlayHeight)
}
.padding(.horizontal, 16)
.frame(maxWidth: 600, maxHeight: 750)
}
.padding(.top, 30)
.padding(.horizontal, 16)
.frame(maxWidth: .infinity, maxHeight: .infinity)
.background(backgroundGradient.ignoresSafeArea())
}
@@ -76,7 +80,7 @@ struct OnboardingSplashScreenPage_Previews: PreviewProvider {
static let content = OnboardingSplashScreenViewState().content
static var previews: some View {
ForEach(0..<content.count, id:\.self) { index in
OnboardingSplashScreenPage(content: content[index], overlayHeight: 55)
OnboardingSplashScreenPage(content: content[index], overlayHeight: 200)
}
}
}