Skip to content

Commit ff8c91c

Browse files
graycreateclaude
graycreate
and
claude
authored
feat: add splash screen with centered logo (#81)
* feat: add splash screen with centered logo Add LaunchScreen.storyboard with: - Centered V2er logo (100x100) - SplashBackground color (white/dark gray for light/dark mode) - SplashLogoColor for logo tint (matches Android implementation) Colors match Android app: - Light mode: white background (#FFFFFF), dark logo (#111214) - Dark mode: dark background (#111214), white logo (#FFFFFF) 🤖 Generated with [Claude Code](https://claude.com/claude-code) Co-Authored-By: Claude <[email protected]> * fix: address Copilot review comments for splash screen - Remove hardcoded RGB color values from storyboard resources section - Use named color references only (SplashBackground, SplashLogoColor) - Update image resource dimensions to match display size (100x100) - Simplify image asset configuration (single universal image) 🤖 Generated with [Claude Code](https://claude.com/claude-code) Co-Authored-By: Claude <[email protected]> * feat: implement SwiftUI splash screen with typewriter animation - Replace LaunchScreen.storyboard with SwiftUI SplashView - Add vector PDF logo from Android project for better scaling - Support light/dark mode with adaptive colors - Add TypewriterView with ease-out animation for slogan - Slogan: "Way to explore" with monospaced font - Logo size: 200x200, centered with slogan below 🤖 Generated with [Claude Code](https://claude.com/claude-code) Co-Authored-By: Claude <[email protected]> * fix: address Copilot review comments for splash screen - Use runInMain utility instead of DispatchQueue.main.asyncAfter - Use LaunchFinishedAction and Redux pattern instead of direct state mutation - Change TypewriterView Task type from Task<Void, Error>? to Task<Void, Never>? since the task doesn't throw errors 🤖 Generated with [Claude Code](https://claude.com/claude-code) Co-Authored-By: Claude <[email protected]> --------- Co-authored-by: Claude <[email protected]>
1 parent b83e847 commit ff8c91c

File tree

9 files changed

+244
-12
lines changed

9 files changed

+244
-12
lines changed

‎V2er.xcodeproj/project.pbxproj‎

Lines changed: 16 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -7,6 +7,8 @@
77
objects = {
88

99
/* Begin PBXBuildFile section */
10+
0B1A2B3C4D5E6F7081920A03 /* SplashView.swift in Sources */ = {isa = PBXBuildFile; fileRef = 0B1A2B3C4D5E6F7081920A04 /* SplashView.swift */; };
11+
0B1A2B3C4D5E6F7081920A07 /* TypewriterView.swift in Sources */ = {isa = PBXBuildFile; fileRef = 0B1A2B3C4D5E6F7081920A08 /* TypewriterView.swift */; };
1012
1AEBC3AC5DAA63523F5448F5 /* RichContentView.swift in Sources */ = {isa = PBXBuildFile; fileRef = E205F350A3537A3E41B1AFC3 /* RichContentView.swift */; };
1113
28B24CA92EA3460D00F82B2A /* BalanceView.swift in Sources */ = {isa = PBXBuildFile; fileRef = 28B24CA82EA3460D00F82B2A /* BalanceView.swift */; };
1214
28B24CAB2EA3561400F82B2A /* OnlineStatsInfo.swift in Sources */ = {isa = PBXBuildFile; fileRef = 28B24CAA2EA3561400F82B2A /* OnlineStatsInfo.swift */; };
@@ -184,6 +186,8 @@
184186
/* End PBXContainerItemProxy section */
185187

186188
/* Begin PBXFileReference section */
189+
0B1A2B3C4D5E6F7081920A04 /* SplashView.swift */ = {isa = PBXFileReference; lastKnownFileType = sourcecode.swift; path = SplashView.swift; sourceTree = "<group>"; };
190+
0B1A2B3C4D5E6F7081920A08 /* TypewriterView.swift */ = {isa = PBXFileReference; lastKnownFileType = sourcecode.swift; path = TypewriterView.swift; sourceTree = "<group>"; };
187191
28B24CA82EA3460D00F82B2A /* BalanceView.swift */ = {isa = PBXFileReference; lastKnownFileType = sourcecode.swift; path = BalanceView.swift; sourceTree = "<group>"; };
188192
28B24CAA2EA3561400F82B2A /* OnlineStatsInfo.swift */ = {isa = PBXFileReference; lastKnownFileType = sourcecode.swift; path = OnlineStatsInfo.swift; sourceTree = "<group>"; };
189193
31C4B81E79369CDE4880B773 /* RichContentView+Preview.swift */ = {isa = PBXFileReference; includeInIndex = 1; lastKnownFileType = sourcecode.swift; name = "RichContentView+Preview.swift"; path = "V2er/Sources/RichView/Views/RichContentView+Preview.swift"; sourceTree = "<group>"; };
@@ -718,6 +722,15 @@
718722
path = FeedDetail;
719723
sourceTree = "<group>";
720724
};
725+
0B1A2B3C4D5E6F7081920A06 /* Splash */ = {
726+
isa = PBXGroup;
727+
children = (
728+
0B1A2B3C4D5E6F7081920A04 /* SplashView.swift */,
729+
0B1A2B3C4D5E6F7081920A08 /* TypewriterView.swift */,
730+
);
731+
path = Splash;
732+
sourceTree = "<group>";
733+
};
721734
5DE5B4C826845F4F00569684 /* View */ = {
722735
isa = PBXGroup;
723736
children = (
@@ -734,6 +747,7 @@
734747
5D1D7B8526FC9AF6008E0C08 /* Login */,
735748
5D843E9626A46CB800C47D95 /* Message */,
736749
5D179BFD2496F6EC00E40E90 /* Widget */,
750+
0B1A2B3C4D5E6F7081920A06 /* Splash */,
737751
4EC32AF129D818FC003A3BD4 /* WebBrowserView.swift */,
738752
);
739753
path = View;
@@ -975,6 +989,8 @@
975989
isa = PBXSourcesBuildPhase;
976990
buildActionMask = 2147483647;
977991
files = (
992+
0B1A2B3C4D5E6F7081920A03 /* SplashView.swift in Sources */,
993+
0B1A2B3C4D5E6F7081920A07 /* TypewriterView.swift in Sources */,
978994
5D73FBDA27284ADB004558E9 /* RichText.swift in Sources */,
979995
5D2DD00A26FB443D0001C85A /* GlobalActions.swift in Sources */,
980996
5D71DF57247C153C00B53ED4 /* ExplorePage.swift in Sources */,

‎V2er/Assets.xcassets/Colors/SplashBackground.colorset/Contents.json‎

Lines changed: 38 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,38 @@
1+
{
2+
"colors" : [
3+
{
4+
"color" : {
5+
"color-space" : "srgb",
6+
"components" : {
7+
"alpha" : "1.000",
8+
"blue" : "1.000",
9+
"green" : "1.000",
10+
"red" : "1.000"
11+
}
12+
},
13+
"idiom" : "universal"
14+
},
15+
{
16+
"appearances" : [
17+
{
18+
"appearance" : "luminosity",
19+
"value" : "dark"
20+
}
21+
],
22+
"color" : {
23+
"color-space" : "srgb",
24+
"components" : {
25+
"alpha" : "1.000",
26+
"blue" : "0.078",
27+
"green" : "0.071",
28+
"red" : "0.067"
29+
}
30+
},
31+
"idiom" : "universal"
32+
}
33+
],
34+
"info" : {
35+
"author" : "xcode",
36+
"version" : 1
37+
}
38+
}

‎V2er/Assets.xcassets/SplashLogo.imageset/Contents.json‎

Lines changed: 16 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,16 @@
1+
{
2+
"images" : [
3+
{
4+
"filename" : "splash_logo.pdf",
5+
"idiom" : "universal"
6+
}
7+
],
8+
"info" : {
9+
"author" : "xcode",
10+
"version" : 1
11+
},
12+
"properties" : {
13+
"preserves-vector-representation" : true,
14+
"template-rendering-intent" : "template"
15+
}
16+
}

‎V2er/Assets.xcassets/SplashLogo.imageset/splash_logo.pdf‎

1.4 KB
Binary file not shown.

‎V2er/General/RootView.swift‎

Lines changed: 22 additions & 12 deletions
Original file line numberDiff line numberDiff line change
@@ -98,20 +98,30 @@ struct RootHostView: View {
9898
$store.appState.loginState
9999
}
100100

101+
var launchFinished: Bool {
102+
store.appState.globalState.launchFinished
103+
}
104+
101105
var body: some View {
102-
MainPage()
103-
.buttonStyle(.plain)
104-
.toast(isPresented: toast.isPresented) {
105-
DefaultToastView(title: toast.title.raw, icon: toast.icon.raw)
106-
}
107-
.sheet(isPresented: loginState.showLoginView) {
108-
LoginPage()
109-
}
110-
.overlay {
111-
if loginState.raw.showTwoStepDialog {
112-
TwoStepLoginPage()
106+
ZStack {
107+
MainPage()
108+
.buttonStyle(.plain)
109+
.toast(isPresented: toast.isPresented) {
110+
DefaultToastView(title: toast.title.raw, icon: toast.icon.raw)
111+
}
112+
.sheet(isPresented: loginState.showLoginView) {
113+
LoginPage()
114+
}
115+
.overlay {
116+
if loginState.raw.showTwoStepDialog {
117+
TwoStepLoginPage()
118+
}
113119
}
114-
}
115120

121+
if !launchFinished {
122+
SplashView()
123+
.transition(.opacity)
124+
}
125+
}
116126
}
117127
}

‎V2er/State/DataFlow/Actions/GlobalActions.swift‎

Lines changed: 7 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -40,6 +40,10 @@ struct ShowToastAction: Action {
4040
var icon: String = .empty
4141
}
4242

43+
struct LaunchFinishedAction: Action {
44+
var target: Reducer = R
45+
}
46+
4347

4448
func globalStateReducer(_ state: GlobalState, _ action: Action?) -> (GlobalState, Action?) {
4549
var state = state
@@ -50,6 +54,9 @@ func globalStateReducer(_ state: GlobalState, _ action: Action?) -> (GlobalState
5054
state.toast.icon = action.icon
5155
state.toast.isPresented = true
5256
break
57+
case _ as LaunchFinishedAction:
58+
state.launchFinished = true
59+
break
5360
default:
5461
break
5562
}

‎V2er/State/DataFlow/State/GlobalState.swift‎

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -19,6 +19,7 @@ struct GlobalState: FluxState {
1919
var lastSelectedTab: TabId = .none
2020
var scrollTopTab: TabId = .none
2121
var toast = Toast()
22+
var launchFinished: Bool = false
2223

2324
static var account: AccountInfo? {
2425
AccountState.getAccount()

‎V2er/View/Splash/SplashView.swift‎

Lines changed: 62 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,62 @@
1+
//
2+
// SplashView.swift
3+
// V2er
4+
//
5+
// Created by Claude on 2024/12/1.
6+
//
7+
8+
import SwiftUI
9+
10+
struct SplashView: View {
11+
@EnvironmentObject private var store: Store
12+
@Environment(\.colorScheme) private var colorScheme
13+
14+
@State private var showSlogan = false
15+
16+
private let slogan = "Way to explore"
17+
18+
// Logo color adapts to color scheme (matches Android)
19+
private var logoColor: Color {
20+
colorScheme == .dark ? .white : Color(red: 0.067, green: 0.071, blue: 0.078)
21+
}
22+
23+
var body: some View {
24+
ZStack {
25+
// Background color - matches Android implementation
26+
Color("SplashBackground")
27+
.ignoresSafeArea()
28+
29+
// Logo - vector PDF with template rendering (fixed position)
30+
Image("SplashLogo")
31+
.renderingMode(.template)
32+
.resizable()
33+
.aspectRatio(contentMode: .fit)
34+
.frame(width: 200, height: 200)
35+
.foregroundColor(logoColor)
36+
37+
// Slogan with typewriter effect (fixed position below logo)
38+
if showSlogan {
39+
TypewriterView(text: slogan, typingDelay: .milliseconds(35))
40+
.font(.system(size: 17, weight: .semibold, design: .default))
41+
.foregroundColor(logoColor.opacity(0.85))
42+
.offset(y: 74)
43+
}
44+
}
45+
.onAppear {
46+
// Show slogan after a short delay
47+
runInMain(delay: 300) {
48+
showSlogan = true
49+
}
50+
51+
// Hide splash after animation completes
52+
runInMain(delay: 1200) {
53+
store.dispatch(LaunchFinishedAction(), animation: .easeOut(duration: 0.3))
54+
}
55+
}
56+
}
57+
}
58+
59+
#Preview {
60+
SplashView()
61+
.environmentObject(Store.shared)
62+
}

‎V2er/View/Splash/TypewriterView.swift‎

Lines changed: 82 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,82 @@
1+
//
2+
// TypewriterView.swift
3+
// V2er
4+
//
5+
// Created by Claude on 2024/12/1.
6+
//
7+
8+
import SwiftUI
9+
10+
struct TypewriterView: View {
11+
var text: String
12+
var typingDelay: Duration = .milliseconds(50)
13+
var easeIn: Bool = true
14+
15+
@State private var animatedText: AttributedString = ""
16+
@State private var typingTask: Task<Void, Never>?
17+
@State private var hasAppeared = false
18+
19+
var body: some View {
20+
Text(animatedText)
21+
.onChange(of: text) { _ in
22+
if hasAppeared {
23+
animateText()
24+
}
25+
}
26+
.onAppear() {
27+
animateText()
28+
hasAppeared = true
29+
}
30+
}
31+
32+
private func animateText() {
33+
typingTask?.cancel()
34+
35+
typingTask = Task {
36+
let defaultAttributes = AttributeContainer()
37+
animatedText = AttributedString(text,
38+
attributes: defaultAttributes.foregroundColor(.clear)
39+
)
40+
41+
let totalChars = text.count
42+
var charIndex = 0
43+
var index = animatedText.startIndex
44+
45+
while index < animatedText.endIndex {
46+
guard !Task.isCancelled else { return }
47+
48+
// Update the style
49+
animatedText[animatedText.startIndex...index]
50+
.setAttributes(defaultAttributes)
51+
52+
// Calculate delay with ease-out effect (starts fast, slows down)
53+
let delay: Duration
54+
if easeIn && totalChars > 1 {
55+
// Ease-out: start fast, end slow - more natural typing feel
56+
let progress = Double(charIndex) / Double(totalChars - 1)
57+
let easeOutProgress = 1 - pow(1 - progress, 2) // quadratic ease-out
58+
let baseDelay = Double(typingDelay.components.attoseconds) / 1_000_000_000_000_000_000
59+
let minDelay = baseDelay * 0.6
60+
let maxDelay = baseDelay * 1.5
61+
let currentDelay = minDelay + (maxDelay - minDelay) * easeOutProgress
62+
delay = .milliseconds(Int(currentDelay * 1000))
63+
} else {
64+
delay = typingDelay
65+
}
66+
67+
// Wait
68+
try? await Task.sleep(for: delay)
69+
70+
// Advance the index, character by character
71+
index = animatedText.index(afterCharacter: index)
72+
charIndex += 1
73+
}
74+
}
75+
}
76+
}
77+
78+
#Preview {
79+
TypewriterView(text: "Way to explore")
80+
.font(.title)
81+
.padding()
82+
}

0 commit comments

Comments
 (0)