mirror of https://github.com/lukechilds/damus.git
Sam DuBois
2 years ago
3 changed files with 81 additions and 9 deletions
@ -0,0 +1,77 @@ |
|||||
|
// |
||||
|
// Shimmer.swift |
||||
|
// |
||||
|
// |
||||
|
// Created by Joshua Homann on 2/20/21. |
||||
|
// |
||||
|
|
||||
|
import SwiftUI |
||||
|
|
||||
|
public struct ShimmerConfiguration { |
||||
|
|
||||
|
@Environment(\.colorScheme) var colorScheme |
||||
|
|
||||
|
public let gradient: Gradient |
||||
|
public let initialLocation: (start: UnitPoint, end: UnitPoint) |
||||
|
public let finalLocation: (start: UnitPoint, end: UnitPoint) |
||||
|
public let duration: TimeInterval |
||||
|
public let opacity: Double |
||||
|
public static let `default` = ShimmerConfiguration( |
||||
|
gradient: Gradient(stops: [ |
||||
|
.init(color: .clear, location: 0), |
||||
|
.init(color: .black, location: 0.3), |
||||
|
.init(color: .black, location: 0.7), |
||||
|
.init(color: .clear, location: 1), |
||||
|
]), |
||||
|
initialLocation: (start: UnitPoint(x: -1, y: 0.5), end: .leading), |
||||
|
finalLocation: (start: .trailing, end: UnitPoint(x: 2, y: 0.5)), |
||||
|
duration: 2, |
||||
|
opacity: 0.6 |
||||
|
) |
||||
|
} |
||||
|
|
||||
|
struct ShimmeringView<Content: View>: View { |
||||
|
private let content: () -> Content |
||||
|
private let configuration: ShimmerConfiguration |
||||
|
@State private var startPoint: UnitPoint |
||||
|
@State private var endPoint: UnitPoint |
||||
|
init(configuration: ShimmerConfiguration, @ViewBuilder content: @escaping () -> Content) { |
||||
|
self.configuration = configuration |
||||
|
self.content = content |
||||
|
_startPoint = .init(wrappedValue: configuration.initialLocation.start) |
||||
|
_endPoint = .init(wrappedValue: configuration.initialLocation.end) |
||||
|
} |
||||
|
var body: some View { |
||||
|
ZStack { |
||||
|
content() |
||||
|
LinearGradient( |
||||
|
gradient: configuration.gradient, |
||||
|
startPoint: startPoint, |
||||
|
endPoint: endPoint |
||||
|
) |
||||
|
.opacity(configuration.opacity) |
||||
|
.blendMode(.overlay) |
||||
|
.onAppear { |
||||
|
withAnimation(Animation.linear(duration: configuration.duration).repeatForever(autoreverses: false)) { |
||||
|
startPoint = configuration.finalLocation.start |
||||
|
endPoint = configuration.finalLocation.end |
||||
|
} |
||||
|
} |
||||
|
} |
||||
|
.edgesIgnoringSafeArea(.all) |
||||
|
} |
||||
|
} |
||||
|
|
||||
|
public struct ShimmerModifier: ViewModifier { |
||||
|
let configuration: ShimmerConfiguration |
||||
|
public func body(content: Content) -> some View { |
||||
|
ShimmeringView(configuration: configuration) { content } |
||||
|
} |
||||
|
} |
||||
|
|
||||
|
|
||||
|
public extension View { |
||||
|
func shimmer(configuration: ShimmerConfiguration = .default) -> some View { |
||||
|
modifier(ShimmerModifier(configuration: configuration)) |
||||
|
} |
||||
|
} |
||||
Loading…
Reference in new issue