mirror of https://github.com/oxen-io/session-ios
WIP: loading view
Ryan Zhao
2 years ago
parent
abaf3ddf89
commit
5f4ecfd4a2
@ -0,0 +1,117 @@
|
||||
// Copyright © 2023 Rangeproof Pty Ltd. All rights reserved.
|
||||
|
||||
import SwiftUI
|
||||
import SessionUIKit
|
||||
import SessionMessagingKit
|
||||
import SignalUtilitiesKit
|
||||
|
||||
struct LoadingView: View {
|
||||
@EnvironmentObject var host: HostWrapper
|
||||
|
||||
@State var percentage: Double = 0
|
||||
|
||||
private let flow: Onboarding.Flow
|
||||
|
||||
public init(flow: Onboarding.Flow) {
|
||||
self.flow = flow
|
||||
progress()
|
||||
}
|
||||
|
||||
var body: some View {
|
||||
NavigationView {
|
||||
ZStack(alignment: .center) {
|
||||
if #available(iOS 14.0, *) {
|
||||
ThemeManager.currentTheme.colorSwiftUI(for: .backgroundPrimary).ignoresSafeArea()
|
||||
} else {
|
||||
ThemeManager.currentTheme.colorSwiftUI(for: .backgroundPrimary)
|
||||
}
|
||||
|
||||
VStack(
|
||||
alignment: .center,
|
||||
spacing: Values.mediumSpacing
|
||||
) {
|
||||
Spacer()
|
||||
|
||||
CircularProgressView($percentage)
|
||||
.padding(.horizontal, Values.massiveSpacing)
|
||||
.padding(.bottom, Values.mediumSpacing)
|
||||
|
||||
Text("onboarding_load_account_waiting".localized())
|
||||
.bold()
|
||||
.font(.system(size: Values.mediumLargeFontSize))
|
||||
.foregroundColor(themeColor: .textPrimary)
|
||||
|
||||
Text("onboarding_loading_account".localized())
|
||||
.font(.system(size: Values.smallFontSize))
|
||||
.foregroundColor(themeColor: .textPrimary)
|
||||
|
||||
Spacer()
|
||||
}
|
||||
.padding(.horizontal, Values.veryLargeSpacing)
|
||||
.padding(.bottom, Values.massiveSpacing + Values.largeButtonHeight)
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
private func progress() {
|
||||
guard percentage < 1 else { return }
|
||||
print(percentage)
|
||||
Timer.scheduledTimer(
|
||||
withTimeInterval: 0.15,
|
||||
repeats: false,
|
||||
block: { _ in
|
||||
percentage += 0.01
|
||||
progress()
|
||||
})
|
||||
}
|
||||
}
|
||||
|
||||
struct CircularProgressView: View {
|
||||
@Binding var percentage: Double
|
||||
|
||||
private var progress: Double {
|
||||
return $percentage.wrappedValue * 0.85
|
||||
}
|
||||
|
||||
init(_ percentage: Binding<Double>) {
|
||||
self._percentage = percentage
|
||||
}
|
||||
|
||||
var body: some View {
|
||||
ZStack {
|
||||
Circle()
|
||||
.trim(from: 0, to: 0.85)
|
||||
.stroke(
|
||||
themeColor: .borderSeparator,
|
||||
style: StrokeStyle(
|
||||
lineWidth: 20,
|
||||
lineCap: .round
|
||||
)
|
||||
)
|
||||
.rotationEffect(.degrees(117))
|
||||
|
||||
Circle()
|
||||
.trim(from: 0, to: progress)
|
||||
.stroke(
|
||||
themeColor: .primary,
|
||||
style: StrokeStyle(
|
||||
lineWidth: 20,
|
||||
lineCap: .round
|
||||
)
|
||||
)
|
||||
.rotationEffect(.degrees(117))
|
||||
.animation(.easeOut, value: progress)
|
||||
|
||||
Text(String(format: "%.0f%%", $percentage.wrappedValue * 100))
|
||||
.bold()
|
||||
.font(.system(size: Values.superLargeFontSize))
|
||||
.foregroundColor(themeColor: .textPrimary)
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
struct LoadingView_Previews: PreviewProvider {
|
||||
static var previews: some View {
|
||||
LoadingView(flow: .link)
|
||||
}
|
||||
}
|
||||
Loading…
Reference in New Issue