mirror of
https://github.com/Swiftgram/Telegram-iOS.git
synced 2025-06-16 05:55:20 +00:00
116 lines
5.1 KiB
Swift
116 lines
5.1 KiB
Swift
import Foundation
|
|
import UIKit
|
|
import HierarchyTrackingLayer
|
|
import ComponentFlow
|
|
import Display
|
|
|
|
private let shadowImage: UIImage? = {
|
|
UIImage(named: "Stories/PanelGradient")
|
|
}()
|
|
|
|
final class LoadingEffectView: UIView {
|
|
private let duration: Double
|
|
|
|
private let hierarchyTrackingLayer: HierarchyTrackingLayer
|
|
|
|
private let gradientWidth: CGFloat
|
|
private let backgroundView: UIImageView
|
|
|
|
private let borderGradientView: UIImageView
|
|
private let borderContainerView: UIView
|
|
let borderMaskLayer: SimpleShapeLayer
|
|
|
|
init(effectAlpha: CGFloat, borderAlpha: CGFloat, gradientWidth: CGFloat = 200.0, duration: Double) {
|
|
self.hierarchyTrackingLayer = HierarchyTrackingLayer()
|
|
|
|
self.duration = duration
|
|
|
|
self.gradientWidth = gradientWidth
|
|
self.backgroundView = UIImageView()
|
|
|
|
self.borderGradientView = UIImageView()
|
|
self.borderContainerView = UIView()
|
|
self.borderMaskLayer = SimpleShapeLayer()
|
|
|
|
super.init(frame: .zero)
|
|
|
|
self.layer.addSublayer(self.hierarchyTrackingLayer)
|
|
self.hierarchyTrackingLayer.didEnterHierarchy = { [weak self] in
|
|
guard let self, self.bounds.width != 0.0 else {
|
|
return
|
|
}
|
|
self.updateAnimations(size: self.bounds.size)
|
|
}
|
|
|
|
let generateGradient: (CGFloat) -> UIImage? = { baseAlpha in
|
|
return generateImage(CGSize(width: self.gradientWidth, height: 16.0), opaque: false, scale: 1.0, rotatedContext: { size, context in
|
|
context.clear(CGRect(origin: CGPoint(), size: size))
|
|
|
|
let foregroundColor = UIColor(white: 1.0, alpha: min(1.0, baseAlpha * 4.0))
|
|
|
|
if let shadowImage {
|
|
UIGraphicsPushContext(context)
|
|
|
|
for i in 0 ..< 2 {
|
|
let shadowFrame = CGRect(origin: CGPoint(x: CGFloat(i) * (size.width * 0.5), y: 0.0), size: CGSize(width: size.width * 0.5, height: size.height))
|
|
|
|
context.saveGState()
|
|
context.translateBy(x: shadowFrame.midX, y: shadowFrame.midY)
|
|
context.rotate(by: CGFloat(i == 0 ? 1.0 : -1.0) * CGFloat.pi * 0.5)
|
|
let adjustedRect = CGRect(origin: CGPoint(x: -shadowFrame.height * 0.5, y: -shadowFrame.width * 0.5), size: CGSize(width: shadowFrame.height, height: shadowFrame.width))
|
|
|
|
context.clip(to: adjustedRect, mask: shadowImage.cgImage!)
|
|
context.setFillColor(foregroundColor.cgColor)
|
|
context.fill(adjustedRect)
|
|
|
|
context.restoreGState()
|
|
}
|
|
|
|
UIGraphicsPopContext()
|
|
}
|
|
})
|
|
}
|
|
self.backgroundView.image = generateGradient(effectAlpha)
|
|
self.addSubview(self.backgroundView)
|
|
|
|
self.borderGradientView.image = generateGradient(borderAlpha)
|
|
self.borderContainerView.addSubview(self.borderGradientView)
|
|
self.addSubview(self.borderContainerView)
|
|
self.borderContainerView.layer.mask = self.borderMaskLayer
|
|
}
|
|
|
|
required init?(coder: NSCoder) {
|
|
fatalError("init(coder:) has not been implemented")
|
|
}
|
|
|
|
private func updateAnimations(size: CGSize) {
|
|
if self.backgroundView.layer.animation(forKey: "shimmer") != nil {
|
|
return
|
|
}
|
|
|
|
let animation = self.backgroundView.layer.makeAnimation(from: 0.0 as NSNumber, to: (size.width + self.gradientWidth + size.width * 0.2) as NSNumber, keyPath: "position.x", timingFunction: CAMediaTimingFunctionName.easeOut.rawValue, duration: self.duration, delay: 0.0, mediaTimingFunction: nil, removeOnCompletion: true, additive: true)
|
|
animation.repeatCount = Float.infinity
|
|
self.backgroundView.layer.add(animation, forKey: "shimmer")
|
|
self.borderGradientView.layer.add(animation, forKey: "shimmer")
|
|
}
|
|
|
|
func update(size: CGSize, transition: Transition) {
|
|
if self.backgroundView.bounds.size != size {
|
|
self.backgroundView.layer.removeAllAnimations()
|
|
|
|
self.borderMaskLayer.fillColor = nil
|
|
self.borderMaskLayer.strokeColor = UIColor.white.cgColor
|
|
let lineWidth: CGFloat = 3.0
|
|
self.borderMaskLayer.lineWidth = lineWidth
|
|
self.borderMaskLayer.path = UIBezierPath(ovalIn: CGRect(origin: .zero, size: size)).cgPath
|
|
|
|
transition.setFrame(view: self.backgroundView, frame: CGRect(origin: CGPoint(x: -self.gradientWidth, y: 0.0), size: CGSize(width: self.gradientWidth, height: size.height)))
|
|
|
|
transition.setFrame(view: self.borderContainerView, frame: CGRect(origin: CGPoint(), size: size))
|
|
transition.setFrame(view: self.borderGradientView, frame: CGRect(origin: CGPoint(x: -self.gradientWidth, y: 0.0), size: CGSize(width: self.gradientWidth, height: size.height)))
|
|
}
|
|
|
|
self.updateAnimations(size: size)
|
|
}
|
|
}
|