import Foundation import UIKit import Display import ComponentFlow import ComponentDisplayAdapters import UIKitRuntimeUtils import CoreImage import AppBundle private final class ContentContainer: UIView { private let maskContentView: UIView init(maskContentView: UIView) { self.maskContentView = maskContentView super.init(frame: CGRect()) } required public init?(coder: NSCoder) { fatalError("init(coder:) has not been implemented") } override func hitTest(_ point: CGPoint, with event: UIEvent?) -> UIView? { guard let result = super.hitTest(point, with: event) else { return nil } if result === self { if let gestureRecognizers = self.gestureRecognizers, !gestureRecognizers.isEmpty { return result } return nil } return result } override func didAddSubview(_ subview: UIView) { super.didAddSubview(subview) if let subview = subview as? GlassBackgroundView.ContentView { self.maskContentView.addSubview(subview.tintMask) } } override func willRemoveSubview(_ subview: UIView) { super.willRemoveSubview(subview) if let subview = subview as? GlassBackgroundView.ContentView { subview.tintMask.removeFromSuperview() } } } public class GlassBackgroundView: UIView { public protocol ContentView: UIView { var tintMask: UIView { get } } open class ContentLayer: SimpleLayer { public var targetLayer: CALayer? override init() { super.init() } override init(layer: Any) { super.init(layer: layer) } required public init?(coder: NSCoder) { fatalError("init(coder:) has not been implemented") } override public var position: CGPoint { get { return super.position } set(value) { if let targetLayer = self.targetLayer { targetLayer.position = value } super.position = value } } override public var bounds: CGRect { get { return super.bounds } set(value) { if let targetLayer = self.targetLayer { targetLayer.bounds = value } super.bounds = value } } override public var anchorPoint: CGPoint { get { return super.anchorPoint } set(value) { if let targetLayer = self.targetLayer { targetLayer.anchorPoint = value } super.anchorPoint = value } } override public var anchorPointZ: CGFloat { get { return super.anchorPointZ } set(value) { if let targetLayer = self.targetLayer { targetLayer.anchorPointZ = value } super.anchorPointZ = value } } override public var opacity: Float { get { return super.opacity } set(value) { if let targetLayer = self.targetLayer { targetLayer.opacity = value } super.opacity = value } } override public var sublayerTransform: CATransform3D { get { return super.sublayerTransform } set(value) { if let targetLayer = self.targetLayer { targetLayer.sublayerTransform = value } super.sublayerTransform = value } } override public var transform: CATransform3D { get { return super.transform } set(value) { if let targetLayer = self.targetLayer { targetLayer.transform = value } super.transform = value } } override public func add(_ animation: CAAnimation, forKey key: String?) { if let targetLayer = self.targetLayer { targetLayer.add(animation, forKey: key) } super.add(animation, forKey: key) } override public func removeAllAnimations() { if let targetLayer = self.targetLayer { targetLayer.removeAllAnimations() } super.removeAllAnimations() } override public func removeAnimation(forKey: String) { if let targetLayer = self.targetLayer { targetLayer.removeAnimation(forKey: forKey) } super.removeAnimation(forKey: forKey) } } public final class ContentColorView: UIView, ContentView { override public static var layerClass: AnyClass { return ContentLayer.self } public let tintMask: UIView override public init(frame: CGRect) { self.tintMask = UIView() super.init(frame: CGRect()) self.tintMask.tintColor = .black } required public init?(coder: NSCoder) { fatalError("init(coder:) has not been implemented") } } public final class ContentImageView: UIImageView, ContentView { override public static var layerClass: AnyClass { return ContentLayer.self } private let tintImageView: UIImageView public var tintMask: UIView { return self.tintImageView } override public var image: UIImage? { didSet { self.tintImageView.image = self.image } } override public var tintColor: UIColor? { didSet { if self.tintColor != oldValue { self.setMonochromaticEffect(tintColor: self.tintColor) } } } override public init(frame: CGRect) { self.tintImageView = UIImageView() super.init(frame: CGRect()) self.tintImageView.tintColor = .black } override public init(image: UIImage?) { self.tintImageView = UIImageView() super.init(image: image) self.tintImageView.image = image self.tintImageView.tintColor = .black } override public init(image: UIImage?, highlightedImage: UIImage?) { self.tintImageView = UIImageView() super.init(image: image, highlightedImage: highlightedImage) self.tintImageView.image = image self.tintImageView.tintColor = .black } required public init?(coder: NSCoder) { fatalError("init(coder:) has not been implemented") } } public struct TintColor: Equatable { public enum Kind { case panel case custom } public let kind: Kind public let color: UIColor public let innerColor: UIColor? public init(kind: Kind, color: UIColor, innerColor: UIColor? = nil) { self.kind = kind self.color = color self.innerColor = innerColor } } public enum Shape: Equatable { case roundedRect(cornerRadius: CGFloat) } private final class ClippingShapeContext { let view: UIView private(set) var shape: Shape? init(view: UIView) { self.view = view } func update(shape: Shape, size: CGSize, transition: ComponentTransition) { self.shape = shape switch shape { case let .roundedRect(cornerRadius): transition.setCornerRadius(layer: self.view.layer, cornerRadius: cornerRadius) } } } public struct Params: Equatable { public let shape: Shape public let isDark: Bool public let tintColor: TintColor public let isInteractive: Bool public let isVisible: Bool init(shape: Shape, isDark: Bool, tintColor: TintColor, isInteractive: Bool, isVisible: Bool) { self.shape = shape self.isDark = isDark self.tintColor = tintColor self.isInteractive = isInteractive self.isVisible = isVisible } } private let legacyView: LegacyGlassView? private let nativeView: UIVisualEffectView? private let nativeViewClippingContext: ClippingShapeContext? private let nativeParamsView: EffectSettingsContainerView? private let foregroundView: UIImageView? private let shadowView: UIImageView? private let maskContainerView: UIView public let maskContentView: UIView private let contentContainer: ContentContainer private var innerBackgroundView: UIView? public var contentView: UIView { if let nativeView = self.nativeView { return nativeView.contentView } else { return self.contentContainer } } public private(set) var params: Params? public static var useCustomGlassImpl: Bool = false public override init(frame: CGRect) { if #available(iOS 26.0, *), !GlassBackgroundView.useCustomGlassImpl { self.legacyView = nil let glassEffect = UIGlassEffect(style: .regular) glassEffect.isInteractive = false let nativeView = UIVisualEffectView(effect: glassEffect) self.nativeViewClippingContext = ClippingShapeContext(view: nativeView) self.nativeView = nativeView let nativeParamsView = EffectSettingsContainerView(frame: CGRect()) self.nativeParamsView = nativeParamsView nativeParamsView.addSubview(nativeView) self.foregroundView = nil self.shadowView = nil } else { self.legacyView = LegacyGlassView(frame: CGRect()) self.nativeView = nil self.nativeViewClippingContext = nil self.nativeParamsView = nil self.foregroundView = UIImageView() self.shadowView = UIImageView() } self.maskContainerView = UIView() self.maskContainerView.backgroundColor = .white if let filter = CALayer.luminanceToAlpha() { self.maskContainerView.layer.filters = [filter] } self.maskContentView = UIView() self.maskContainerView.addSubview(self.maskContentView) self.contentContainer = ContentContainer(maskContentView: self.maskContentView) super.init(frame: frame) if let shadowView = self.shadowView { self.addSubview(shadowView) } if let nativeParamsView = self.nativeParamsView { self.addSubview(nativeParamsView) } if let legacyView = self.legacyView { self.addSubview(legacyView) } if let foregroundView = self.foregroundView { self.addSubview(foregroundView) foregroundView.mask = self.maskContainerView } self.addSubview(self.contentContainer) } required public init?(coder: NSCoder) { fatalError("init(coder:) has not been implemented") } override public func hitTest(_ point: CGPoint, with event: UIEvent?) -> UIView? { if !self.isUserInteractionEnabled { return nil } if self.isHidden { return nil } if self.alpha == 0.0 { return nil } if let nativeView = self.nativeView { if let result = nativeView.hitTest(self.convert(point, to: nativeView), with: event) { return result } } else { if let result = self.contentContainer.hitTest(self.convert(point, to: self.contentContainer), with: event) { return result } } return nil } public func update(size: CGSize, cornerRadius: CGFloat, isDark: Bool, tintColor: TintColor, isInteractive: Bool = false, isVisible: Bool = true, transition: ComponentTransition) { self.update(size: size, shape: .roundedRect(cornerRadius: cornerRadius), isDark: isDark, tintColor: tintColor, isInteractive: isInteractive, isVisible: isVisible, transition: transition) } public func update(size: CGSize, shape: Shape, isDark: Bool, tintColor: TintColor, isInteractive: Bool = false, isVisible: Bool = true, transition: ComponentTransition) { if let nativeView = self.nativeView, let nativeViewClippingContext = self.nativeViewClippingContext, (nativeView.bounds.size != size || nativeViewClippingContext.shape != shape) { nativeViewClippingContext.update(shape: shape, size: size, transition: transition) if transition.animation.isImmediate { nativeView.frame = CGRect(origin: CGPoint(), size: size) } else { let nativeFrame = CGRect(origin: CGPoint(), size: size) transition.animateView { nativeView.frame = nativeFrame } } nativeView.overrideUserInterfaceStyle = isDark ? .dark : .light } if let legacyView = self.legacyView { switch shape { case let .roundedRect(cornerRadius): legacyView.update(size: size, cornerRadius: cornerRadius, transition: transition) } transition.setFrame(view: legacyView, frame: CGRect(origin: CGPoint(), size: size)) transition.setAlpha(view: legacyView, alpha: isVisible ? 1.0 : 0.0) } let shadowInset: CGFloat = 32.0 if let innerColor = tintColor.innerColor { let innerBackgroundFrame = CGRect(origin: CGPoint(), size: size).insetBy(dx: 3.0, dy: 3.0) let innerBackgroundRadius = min(innerBackgroundFrame.width, innerBackgroundFrame.height) * 0.5 let innerBackgroundView: UIView var innerBackgroundTransition = transition var animateIn = false if let current = self.innerBackgroundView { innerBackgroundView = current } else { innerBackgroundView = UIView() innerBackgroundTransition = innerBackgroundTransition.withAnimation(.none) self.innerBackgroundView = innerBackgroundView self.contentView.insertSubview(innerBackgroundView, at: 0) innerBackgroundView.frame = innerBackgroundFrame innerBackgroundView.layer.cornerRadius = innerBackgroundRadius animateIn = true } innerBackgroundView.backgroundColor = innerColor innerBackgroundTransition.setFrame(view: innerBackgroundView, frame: innerBackgroundFrame) innerBackgroundTransition.setCornerRadius(layer: innerBackgroundView.layer, cornerRadius: innerBackgroundRadius) if animateIn { transition.animateAlpha(view: innerBackgroundView, from: 0.0, to: 1.0) transition.animateScale(view: innerBackgroundView, from: 0.001, to: 1.0) } } else if let innerBackgroundView = self.innerBackgroundView { self.innerBackgroundView = nil transition.setAlpha(view: innerBackgroundView, alpha: 0.0, completion: { [weak innerBackgroundView] _ in innerBackgroundView?.removeFromSuperview() }) transition.setScale(view: innerBackgroundView, scale: 0.001) innerBackgroundView.removeFromSuperview() } let params = Params(shape: shape, isDark: isDark, tintColor: tintColor, isInteractive: isInteractive, isVisible: isVisible) if self.params != params { self.params = params let outerCornerRadius: CGFloat switch shape { case let .roundedRect(cornerRadius): outerCornerRadius = cornerRadius } if let shadowView = self.shadowView { let shadowInnerInset: CGFloat = 0.5 shadowView.image = generateImage(CGSize(width: shadowInset * 2.0 + outerCornerRadius * 2.0, height: shadowInset * 2.0 + outerCornerRadius * 2.0), rotatedContext: { size, context in context.clear(CGRect(origin: CGPoint(), size: size)) context.setFillColor(UIColor.black.cgColor) context.setShadow(offset: CGSize(width: 0.0, height: 1.0), blur: 40.0, color: UIColor(white: 0.0, alpha: 0.04).cgColor) context.fillEllipse(in: CGRect(origin: CGPoint(x: shadowInset + shadowInnerInset, y: shadowInset + shadowInnerInset), size: CGSize(width: size.width - shadowInset * 2.0 - shadowInnerInset * 2.0, height: size.height - shadowInset * 2.0 - shadowInnerInset * 2.0))) context.setFillColor(UIColor.clear.cgColor) context.setBlendMode(.copy) context.fillEllipse(in: CGRect(origin: CGPoint(x: shadowInset + shadowInnerInset, y: shadowInset + shadowInnerInset), size: CGSize(width: size.width - shadowInset * 2.0 - shadowInnerInset * 2.0, height: size.height - shadowInset * 2.0 - shadowInnerInset * 2.0))) })?.stretchableImage(withLeftCapWidth: Int(shadowInset + outerCornerRadius), topCapHeight: Int(shadowInset + outerCornerRadius)) transition.setAlpha(view: shadowView, alpha: isVisible ? 1.0 : 0.0) } if let foregroundView = self.foregroundView { let fillColor: UIColor switch tintColor.kind { case .panel: if isDark { fillColor = UIColor(white: 1.0, alpha: 1.0).mixedWith(.black, alpha: 1.0 - 0.11).withAlphaComponent(0.85) } else { fillColor = UIColor(white: 1.0, alpha: 0.7) } case .custom: fillColor = tintColor.color } foregroundView.image = GlassBackgroundView.generateLegacyGlassImage(size: CGSize(width: outerCornerRadius * 2.0, height: outerCornerRadius * 2.0), inset: shadowInset, isDark: isDark, fillColor: fillColor) transition.setAlpha(view: foregroundView, alpha: isVisible ? 1.0 : 0.0) } else { if let nativeParamsView = self.nativeParamsView, let nativeView = self.nativeView { if #available(iOS 26.0, *) { var glassEffect: UIGlassEffect? if isVisible { let glassEffectValue = UIGlassEffect(style: .regular) switch tintColor.kind { case .panel: if isDark { glassEffectValue.tintColor = UIColor(white: 1.0, alpha: 0.025) } else { glassEffectValue.tintColor = UIColor(white: 1.0, alpha: 0.1) } case .custom: glassEffectValue.tintColor = tintColor.color } glassEffectValue.isInteractive = params.isInteractive glassEffect = glassEffectValue } if glassEffect == nil { if nativeView.effect is UIGlassEffect { if transition.animation.isImmediate { nativeView.effect = nil } else { transition.animateView { nativeView.effect = nil } } } } else { if transition.animation.isImmediate { nativeView.effect = glassEffect } else { if let glassEffect, let currentEffect = nativeView.effect as? UIGlassEffect, currentEffect.tintColor == glassEffect.tintColor, currentEffect.isInteractive == glassEffect.isInteractive { } else { transition.animateView { nativeView.effect = glassEffect } } } } if isDark { nativeParamsView.lumaMin = 0.0 nativeParamsView.lumaMax = 0.15 } else { nativeParamsView.lumaMin = 0.8 nativeParamsView.lumaMax = 0.801 } } } } } transition.setFrame(view: self.maskContainerView, frame: CGRect(origin: CGPoint(), size: CGSize(width: size.width + shadowInset * 2.0, height: size.height + shadowInset * 2.0))) transition.setFrame(view: self.maskContentView, frame: CGRect(origin: CGPoint(x: shadowInset, y: shadowInset), size: size)) if let foregroundView = self.foregroundView { transition.setFrame(view: foregroundView, frame: CGRect(origin: CGPoint(), size: size).insetBy(dx: -shadowInset, dy: -shadowInset)) } if let shadowView = self.shadowView { transition.setFrame(view: shadowView, frame: CGRect(origin: CGPoint(), size: size).insetBy(dx: -shadowInset, dy: -shadowInset)) } transition.setFrame(view: self.contentContainer, frame: CGRect(origin: CGPoint(), size: size)) } override public func willMove(toWindow newWindow: UIWindow?) { super.willMove(toWindow: newWindow) } } public final class GlassBackgroundContainerView: UIView { private final class ContentView: UIView { } private let legacyView: ContentView? private let nativeParamsView: EffectSettingsContainerView? private let nativeView: UIVisualEffectView? public var contentView: UIView { if let nativeView = self.nativeView { return nativeView.contentView } else { return self.legacyView! } } public override init(frame: CGRect) { if #available(iOS 26.0, *) { let effect = UIGlassContainerEffect() effect.spacing = 7.0 let nativeView = UIVisualEffectView(effect: effect) self.nativeView = nativeView let nativeParamsView = EffectSettingsContainerView(frame: CGRect()) self.nativeParamsView = nativeParamsView nativeParamsView.addSubview(nativeView) self.legacyView = nil } else { self.nativeView = nil self.nativeParamsView = nil self.legacyView = ContentView() } super.init(frame: frame) if let nativeParamsView = self.nativeParamsView { self.addSubview(nativeParamsView) } else if let legacyView = self.legacyView { self.addSubview(legacyView) } } required public init?(coder: NSCoder) { fatalError("init(coder:) has not been implemented") } override public func didAddSubview(_ subview: UIView) { super.didAddSubview(subview) if subview !== self.nativeParamsView && subview !== self.legacyView { assertionFailure() } } override public func hitTest(_ point: CGPoint, with event: UIEvent?) -> UIView? { if self.alpha.isZero { return nil } if self.isHidden { return nil } if !self.isUserInteractionEnabled { return nil } for view in self.contentView.subviews.reversed() { if let result = view.hitTest(self.convert(point, to: view), with: event), result.isUserInteractionEnabled { return result } } guard let result = self.contentView.hitTest(point, with: event) else { return nil } return result } public func update(size: CGSize, isDark: Bool, transition: ComponentTransition) { if let nativeParamsView = self.nativeParamsView, let nativeView = self.nativeView { nativeView.overrideUserInterfaceStyle = isDark ? .dark : .light if isDark { nativeParamsView.lumaMin = 0.0 nativeParamsView.lumaMax = 0.15 } else { nativeParamsView.lumaMin = 0.8 nativeParamsView.lumaMax = 0.801 } transition.animateView { nativeView.frame = CGRect(origin: CGPoint(), size: size) } } else if let legacyView = self.legacyView { transition.setFrame(view: legacyView, frame: CGRect(origin: CGPoint(), size: size)) } } override public func willMove(toWindow newWindow: UIWindow?) { super.willMove(toWindow: newWindow) } } private extension CGContext { func addBadgePath(in rect: CGRect) { saveGState() translateBy(x: rect.minX, y: rect.minY) scaleBy(x: rect.width / 78.0, y: rect.height / 78.0) // M 0 39 move(to: CGPoint(x: 0, y: 39)) // C 0 17.4609 17.4609 0 39 0 addCurve(to: CGPoint(x: 39, y: 0), control1: CGPoint(x: 0, y: 17.4609), control2: CGPoint(x: 17.4609, y: 0)) // H 42 addLine(to: CGPoint(x: 42, y: 0)) // C 61.8823 0 78 16.1177 78 36 addCurve(to: CGPoint(x: 78, y: 36), control1: CGPoint(x: 61.8823, y: 0), control2: CGPoint(x: 78, y: 16.1177)) // V 39 addLine(to: CGPoint(x: 78, y: 39)) // C 78 60.5391 60.5391 78 39 78 addCurve(to: CGPoint(x: 39, y: 78), control1: CGPoint(x: 78, y: 60.5391), control2: CGPoint(x: 60.5391, y: 78)) // H 36 addLine(to: CGPoint(x: 36, y: 78)) // C 16.1177 78 0 61.8823 0 42 addCurve(to: CGPoint(x: 0, y: 42), control1: CGPoint(x: 16.1177, y: 78), control2: CGPoint(x: 0, y: 61.8823)) // V 39 / Z addLine(to: CGPoint(x: 0, y: 39)) closePath() restoreGState() } } public extension GlassBackgroundView { static func generateLegacyGlassImage(size: CGSize, inset: CGFloat, isDark: Bool, fillColor: UIColor) -> UIImage { var size = size if size == .zero { size = CGSize(width: 2.0, height: 2.0) } let innerSize = size size.width += inset * 2.0 size.height += inset * 2.0 return UIGraphicsImageRenderer(size: size).image { ctx in let context = ctx.cgContext context.clear(CGRect(origin: CGPoint(), size: size)) let addShadow: (CGContext, Bool, CGPoint, CGFloat, CGFloat, UIColor, CGBlendMode) -> Void = { context, isOuter, position, blur, spread, shadowColor, blendMode in var blur = blur if isOuter { blur += abs(spread) context.beginTransparencyLayer(auxiliaryInfo: nil) context.saveGState() defer { context.restoreGState() context.endTransparencyLayer() } let spreadRect = CGRect(origin: CGPoint(x: inset, y: inset), size: innerSize).insetBy(dx: 0.25, dy: 0.25) let spreadPath = UIBezierPath( roundedRect: spreadRect, cornerRadius: min(spreadRect.width, spreadRect.height) * 0.5 ).cgPath context.setShadow(offset: CGSize(width: position.x, height: position.y), blur: blur, color: shadowColor.cgColor) context.setFillColor(UIColor.black.withAlphaComponent(1.0).cgColor) context.addPath(spreadPath) context.fillPath() let cleanRect = CGRect(origin: CGPoint(x: inset, y: inset), size: innerSize) let cleanPath = UIBezierPath( roundedRect: cleanRect, cornerRadius: min(cleanRect.width, cleanRect.height) * 0.5 ).cgPath context.setBlendMode(.copy) context.setFillColor(UIColor.clear.cgColor) context.addPath(cleanPath) context.fillPath() context.setBlendMode(.normal) } else { let image = UIGraphicsImageRenderer(size: size).image(actions: { ctx in let context = ctx.cgContext context.clear(CGRect(origin: CGPoint(), size: size)) let spreadRect = CGRect(origin: CGPoint(x: inset, y: inset), size: innerSize).insetBy(dx: -spread - 0.33, dy: -spread - 0.33) context.setShadow(offset: CGSize(width: position.x, height: position.y), blur: blur, color: shadowColor.cgColor) context.setFillColor(shadowColor.cgColor) let enclosingRect = spreadRect.insetBy(dx: -10000.0, dy: -10000.0) context.addPath(UIBezierPath(rect: enclosingRect).cgPath) context.addBadgePath(in: spreadRect) context.fillPath(using: .evenOdd) }) UIGraphicsPushContext(context) image.draw(in: CGRect(origin: .zero, size: size), blendMode: blendMode, alpha: 1.0) UIGraphicsPopContext() } } addShadow(context, true, CGPoint(), 30.0, 0.0, UIColor(white: 0.0, alpha: 0.045), .normal) addShadow(context, true, CGPoint(), 20.0, 0.0, UIColor(white: 0.0, alpha: 0.01), .normal) var a: CGFloat = 0.0 var b: CGFloat = 0.0 var s: CGFloat = 0.0 fillColor.getHue(nil, saturation: &s, brightness: &b, alpha: &a) let innerImage: UIImage /*if size == CGSize(width: 40.0 + inset * 2.0, height: 40.0 + inset * 2.0), b >= 0.2 { innerImage = UIGraphicsImageRenderer(size: size).image { ctx in let context = ctx.cgContext context.setFillColor(fillColor.cgColor) context.fill(CGRect(origin: CGPoint(), size: size)) if let image = UIImage(bundleImageName: "Item List/GlassEdge40x40") { let imageInset = (image.size.width - 40.0) * 0.5 if s == 0.0 && abs(a - 0.7) < 0.1 && !isDark { image.draw(in: CGRect(origin: CGPoint(), size: size).insetBy(dx: inset - imageInset, dy: inset - imageInset), blendMode: .normal, alpha: 1.0) } else if s <= 0.3 && !isDark { image.draw(in: CGRect(origin: CGPoint(), size: size).insetBy(dx: inset - imageInset, dy: inset - imageInset), blendMode: .normal, alpha: 0.7) } else if b >= 0.2 { let maxAlpha: CGFloat = isDark ? 0.7 : 0.8 image.draw(in: CGRect(origin: CGPoint(), size: size).insetBy(dx: inset - imageInset, dy: inset - imageInset), blendMode: .overlay, alpha: max(0.5, min(1.0, maxAlpha * s))) } else { image.draw(in: CGRect(origin: CGPoint(), size: size).insetBy(dx: inset - imageInset, dy: inset - imageInset), blendMode: .normal, alpha: 0.5) } } } } else { innerImage = UIGraphicsImageRenderer(size: size).image { ctx in let context = ctx.cgContext context.setFillColor(fillColor.cgColor) context.fill(CGRect(origin: CGPoint(), size: size).insetBy(dx: inset, dy: inset).insetBy(dx: 0.1, dy: 0.1)) addShadow(context, true, CGPoint(x: 0.0, y: 0.0), 20.0, 0.0, UIColor(white: 0.0, alpha: 0.04), .normal) addShadow(context, true, CGPoint(x: 0.0, y: 0.0), 5.0, 0.0, UIColor(white: 0.0, alpha: 0.04), .normal) if s <= 0.3 && !isDark { addShadow(context, false, CGPoint(x: 0.0, y: 0.0), 8.0, 0.0, UIColor(white: 0.0, alpha: 0.4), .overlay) let edgeAlpha: CGFloat = max(0.8, min(1.0, a)) for _ in 0 ..< 2 { addShadow(context, false, CGPoint(x: -0.64, y: -0.64), 0.8, 0.0, UIColor(white: 1.0, alpha: edgeAlpha), .normal) addShadow(context, false, CGPoint(x: 0.64, y: 0.64), 0.8, 0.0, UIColor(white: 1.0, alpha: edgeAlpha), .normal) } } else if b >= 0.2 { let edgeAlpha: CGFloat = max(0.2, min(isDark ? 0.5 : 0.7, a * a * a)) addShadow(context, false, CGPoint(x: -0.64, y: -0.64), 0.5, 0.0, UIColor(white: 1.0, alpha: edgeAlpha), .plusLighter) addShadow(context, false, CGPoint(x: 0.64, y: 0.64), 0.5, 0.0, UIColor(white: 1.0, alpha: edgeAlpha), .plusLighter) } else { let edgeAlpha: CGFloat = max(0.4, min(isDark ? 0.5 : 0.7, a * a * a)) addShadow(context, false, CGPoint(x: -0.64, y: -0.64), 1.2, 0.0, UIColor(white: 1.0, alpha: edgeAlpha), .normal) addShadow(context, false, CGPoint(x: 0.64, y: 0.64), 1.2, 0.0, UIColor(white: 1.0, alpha: edgeAlpha), .normal) } } }*/ innerImage = UIGraphicsImageRenderer(size: size).image { ctx in let context = ctx.cgContext context.setFillColor(fillColor.cgColor) var ellipseRect = CGRect(origin: CGPoint(), size: size).insetBy(dx: inset, dy: inset) context.fillEllipse(in: ellipseRect) let lineWidth: CGFloat = isDark ? 0.8 : 0.8 let strokeColor: UIColor let blendMode: CGBlendMode let baseAlpha: CGFloat = isDark ? 0.3 : 0.6 if s == 0.0 && abs(a - 0.7) < 0.1 && !isDark { blendMode = .normal strokeColor = UIColor(white: 1.0, alpha: baseAlpha) } else if s <= 0.3 && !isDark { blendMode = .normal strokeColor = UIColor(white: 1.0, alpha: 0.7 * baseAlpha) } else if b >= 0.2 { let maxAlpha: CGFloat = isDark ? 0.7 : 0.8 blendMode = .overlay strokeColor = UIColor(white: 1.0, alpha: max(0.5, min(1.0, maxAlpha * s)) * baseAlpha) } else { blendMode = .normal strokeColor = UIColor(white: 1.0, alpha: 0.5 * baseAlpha) } context.setStrokeColor(strokeColor.cgColor) ellipseRect = CGRect(origin: CGPoint(), size: size).insetBy(dx: inset, dy: inset) context.addEllipse(in: ellipseRect) context.clip() ellipseRect = CGRect(origin: CGPoint(), size: size).insetBy(dx: inset, dy: inset).insetBy(dx: lineWidth * 0.5, dy: lineWidth * 0.5) context.setBlendMode(blendMode) let radius = ellipseRect.height * 0.5 let smallerRadius = radius - lineWidth * 1.33 context.move(to: CGPoint(x: ellipseRect.minX, y: ellipseRect.minY + radius)) // Top-left corner (regular radius) context.addArc(tangent1End: CGPoint(x: ellipseRect.minX, y: ellipseRect.minY), tangent2End: CGPoint(x: ellipseRect.minX + radius, y: ellipseRect.minY), radius: radius) context.addLine(to: CGPoint(x: ellipseRect.maxX - smallerRadius, y: ellipseRect.minY)) // Top-right corner (smaller radius) context.addArc(tangent1End: CGPoint(x: ellipseRect.maxX, y: ellipseRect.minY), tangent2End: CGPoint(x: ellipseRect.maxX, y: ellipseRect.minY + smallerRadius), radius: smallerRadius) context.addLine(to: CGPoint(x: ellipseRect.maxX, y: ellipseRect.maxY - radius)) // Bottom-right corner (regular radius) context.addArc(tangent1End: CGPoint(x: ellipseRect.maxX, y: ellipseRect.maxY), tangent2End: CGPoint(x: ellipseRect.maxX - radius, y: ellipseRect.maxY), radius: radius) context.addLine(to: CGPoint(x: ellipseRect.minX + smallerRadius, y: ellipseRect.maxY)) // Bottom-left corner (smaller radius) context.addArc(tangent1End: CGPoint(x: ellipseRect.minX, y: ellipseRect.maxY), tangent2End: CGPoint(x: ellipseRect.minX, y: ellipseRect.maxY - smallerRadius), radius: smallerRadius) context.closePath() context.strokePath() context.resetClip() context.setBlendMode(.normal) //let image = makeInnerShadowPillImageExact(size: CGSize(width: size.width - inset * 2.0, height: size.height - inset * 2.0), scale: UIScreenScale, glossColor: UIColor(white: 1.0, alpha: 1.0), borderWidth: 1.33) /*let image = generateCircleImage(diameter: size.width - inset * 2.0, lineWidth: 0.5, color: UIColor(white: 1.0, alpha: 1.0))! if s == 0.0 && abs(a - 0.7) < 0.1 && !isDark { image.draw(in: CGRect(origin: CGPoint(), size: size).insetBy(dx: inset, dy: inset), blendMode: .normal, alpha: 1.0) } else if s <= 0.3 && !isDark { image.draw(in: CGRect(origin: CGPoint(), size: size).insetBy(dx: inset, dy: inset), blendMode: .normal, alpha: 0.7) } else if b >= 0.2 { let maxAlpha: CGFloat = isDark ? 0.7 : 0.8 image.draw(in: CGRect(origin: CGPoint(), size: size).insetBy(dx: inset, dy: inset), blendMode: .overlay, alpha: max(0.5, min(1.0, maxAlpha * s))) } else { image.draw(in: CGRect(origin: CGPoint(), size: size).insetBy(dx: inset, dy: inset), blendMode: .normal, alpha: 0.5) }*/ } innerImage.draw(in: CGRect(origin: CGPoint(), size: size)) }.stretchableImage(withLeftCapWidth: Int(size.width * 0.5), topCapHeight: Int(size.height * 0.5)) } static func generateForegroundImage(size: CGSize, isDark: Bool, fillColor: UIColor) -> UIImage { var size = size if size == .zero { size = CGSize(width: 1.0, height: 1.0) } return generateImage(size, rotatedContext: { size, context in context.clear(CGRect(origin: CGPoint(), size: size)) let maxColor = UIColor(white: 1.0, alpha: isDark ? 0.2 : 0.9) let minColor = UIColor(white: 1.0, alpha: 0.0) context.setFillColor(fillColor.cgColor) context.fillEllipse(in: CGRect(origin: CGPoint(), size: size)) let lineWidth: CGFloat = isDark ? 0.33 : 0.66 context.saveGState() let darkShadeColor = UIColor(white: isDark ? 1.0 : 0.0, alpha: isDark ? 0.0 : 0.035) let lightShadeColor = UIColor(white: isDark ? 0.0 : 1.0, alpha: isDark ? 0.0 : 0.035) let innerShadowBlur: CGFloat = 24.0 context.resetClip() context.addEllipse(in: CGRect(origin: CGPoint(), size: size).insetBy(dx: lineWidth * 0.5, dy: lineWidth * 0.5)) context.clip() context.addRect(CGRect(origin: CGPoint(), size: size).insetBy(dx: -100.0, dy: -100.0)) context.addEllipse(in: CGRect(origin: CGPoint(), size: size)) context.setFillColor(UIColor.black.cgColor) context.setShadow(offset: CGSize(width: 10.0, height: -10.0), blur: innerShadowBlur, color: darkShadeColor.cgColor) context.fillPath(using: .evenOdd) context.resetClip() context.addEllipse(in: CGRect(origin: CGPoint(), size: size).insetBy(dx: lineWidth * 0.5, dy: lineWidth * 0.5)) context.clip() context.addRect(CGRect(origin: CGPoint(), size: size).insetBy(dx: -100.0, dy: -100.0)) context.addEllipse(in: CGRect(origin: CGPoint(), size: size)) context.setFillColor(UIColor.black.cgColor) context.setShadow(offset: CGSize(width: -10.0, height: 10.0), blur: innerShadowBlur, color: lightShadeColor.cgColor) context.fillPath(using: .evenOdd) context.restoreGState() context.setLineWidth(lineWidth) context.addRect(CGRect(origin: CGPoint(x: 0.0, y: 0.0), size: CGSize(width: size.width * 0.5, height: size.height))) context.clip() context.addEllipse(in: CGRect(origin: CGPoint(), size: size).insetBy(dx: lineWidth * 0.5, dy: lineWidth * 0.5)) context.replacePathWithStrokedPath() context.clip() do { var locations: [CGFloat] = [0.0, 0.5, 0.5 + 0.2, 1.0 - 0.1, 1.0] let colors: [CGColor] = [maxColor.cgColor, maxColor.cgColor, minColor.cgColor, minColor.cgColor, maxColor.cgColor] let colorSpace = CGColorSpaceCreateDeviceRGB() let gradient = CGGradient(colorsSpace: colorSpace, colors: colors as CFArray, locations: &locations)! context.drawLinearGradient(gradient, start: CGPoint(x: 0.0, y: 0.0), end: CGPoint(x: 0.0, y: size.height), options: CGGradientDrawingOptions()) } context.resetClip() context.addRect(CGRect(origin: CGPoint(x: size.width - size.width * 0.5, y: 0.0), size: CGSize(width: size.width * 0.5, height: size.height))) context.clip() context.addEllipse(in: CGRect(origin: CGPoint(), size: size).insetBy(dx: lineWidth * 0.5, dy: lineWidth * 0.5)) context.replacePathWithStrokedPath() context.clip() do { var locations: [CGFloat] = [0.0, 0.1, 0.5 - 0.2, 0.5, 1.0] let colors: [CGColor] = [maxColor.cgColor, minColor.cgColor, minColor.cgColor, maxColor.cgColor, maxColor.cgColor] let colorSpace = CGColorSpaceCreateDeviceRGB() let gradient = CGGradient(colorsSpace: colorSpace, colors: colors as CFArray, locations: &locations)! context.drawLinearGradient(gradient, start: CGPoint(x: 0.0, y: 0.0), end: CGPoint(x: 0.0, y: size.height), options: CGGradientDrawingOptions()) } })!.stretchableImage(withLeftCapWidth: Int(size.width * 0.5), topCapHeight: Int(size.height * 0.5)) } } public final class GlassBackgroundComponent: Component { private let size: CGSize private let cornerRadius: CGFloat private let isDark: Bool private let tintColor: GlassBackgroundView.TintColor private let isInteractive: Bool public init( size: CGSize, cornerRadius: CGFloat, isDark: Bool, tintColor: GlassBackgroundView.TintColor, isInteractive: Bool = false ) { self.size = size self.cornerRadius = cornerRadius self.isDark = isDark self.tintColor = tintColor self.isInteractive = isInteractive } public static func == (lhs: GlassBackgroundComponent, rhs: GlassBackgroundComponent) -> Bool { if lhs.size != rhs.size { return false } if lhs.cornerRadius != rhs.cornerRadius { return false } if lhs.isDark != rhs.isDark { return false } if lhs.tintColor != rhs.tintColor { return false } if lhs.isInteractive != rhs.isInteractive { return false } return true } public final class View: GlassBackgroundView { func update(component: GlassBackgroundComponent, availableSize: CGSize, state: EmptyComponentState, environment: Environment, transition: ComponentTransition) -> CGSize { self.update(size: component.size, cornerRadius: component.cornerRadius, isDark: component.isDark, tintColor: component.tintColor, isInteractive: component.isInteractive, transition: transition) return component.size } } public func makeView() -> View { return View() } public func update(view: View, availableSize: CGSize, state: EmptyComponentState, environment: Environment, transition: ComponentTransition) -> CGSize { return view.update(component: self, availableSize: availableSize, state: state, environment: environment, transition: transition) } } public final class GlassContextExtractableContainer: UIView, ContextExtractableContainer { private struct NormalParams { let size: CGSize let cornerRadius: CGFloat let isDark: Bool let tintColor: GlassBackgroundView.TintColor let isInteractive: Bool let isVisible: Bool init(size: CGSize, cornerRadius: CGFloat, isDark: Bool, tintColor: GlassBackgroundView.TintColor, isInteractive: Bool, isVisible: Bool) { self.size = size self.cornerRadius = cornerRadius self.isDark = isDark self.tintColor = tintColor self.isInteractive = isInteractive self.isVisible = isVisible } } public let extractableContentView: UIView public let normalContentView: UIView public var contentView: UIView { return self.normalContentView } private let glassView: GlassBackgroundView private var state: State = .normal private var normalParams: NormalParams? override public init(frame: CGRect) { self.extractableContentView = UIView() self.glassView = GlassBackgroundView() self.normalContentView = SparseContainerView() super.init(frame: frame) self.glassView.contentView.addSubview(self.normalContentView) self.extractableContentView.addSubview(self.glassView) self.addSubview(self.extractableContentView) } required public init?(coder: NSCoder) { fatalError("init(coder:) has not been implemented") } override public func hitTest(_ point: CGPoint, with event: UIEvent?) -> UIView? { if !self.isUserInteractionEnabled { return nil } if self.isHidden { return nil } if self.alpha == 0.0 { return nil } switch self.state { case .normal: if let result = self.normalContentView.hitTest(self.convert(point, to: self.normalContentView), with: event) { return result } case .extracted: break } return nil } public func update(size: CGSize, cornerRadius: CGFloat, isDark: Bool, tintColor: GlassBackgroundView.TintColor, isInteractive: Bool = false, isVisible: Bool = true, transition: ComponentTransition) { let normalParams = NormalParams(size: size, cornerRadius: cornerRadius, isDark: isDark, tintColor: tintColor, isInteractive: isInteractive, isVisible: isVisible) self.normalParams = normalParams if case .normal = self.state { self.applyState(transition: transition) } } public func updateState(state: State, transition: ContainedViewLayoutTransition) { self.state = state self.applyState(transition: ComponentTransition(transition)) } private func applyState(transition: ComponentTransition) { guard let normalParams = self.normalParams else { return } switch self.state { case .normal: transition.setAlpha(view: self.normalContentView, alpha: 1.0) transition.setFrame(view: self.extractableContentView, frame: CGRect(origin: CGPoint(), size: normalParams.size)) transition.setFrame(view: self.normalContentView, frame: CGRect(origin: CGPoint(), size: normalParams.size)) self.glassView.update( size: normalParams.size, cornerRadius: normalParams.cornerRadius, isDark: normalParams.isDark, tintColor: normalParams.tintColor, isInteractive: normalParams.isInteractive, isVisible: normalParams.isVisible, transition: transition ) case let .extracted(size, cornerRadius, extractionState): switch extractionState { case .animatedOut: transition.setAlpha(view: self.normalContentView, alpha: 1.0) self.glassView.update( size: normalParams.size, cornerRadius: normalParams.cornerRadius, isDark: normalParams.isDark, tintColor: normalParams.tintColor, isInteractive: normalParams.isInteractive, isVisible: normalParams.isVisible, transition: transition ) case .animatedIn: transition.setAlpha(view: self.normalContentView, alpha: 0.0) self.glassView.update( size: size, cornerRadius: cornerRadius, isDark: normalParams.isDark, tintColor: normalParams.tintColor, isInteractive: normalParams.isInteractive, isVisible: normalParams.isVisible, transition: transition ) } } } }